Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Deaktivirati vertikalni scroll na iPhone

[es] :: Javascript i AJAX :: Deaktivirati vertikalni scroll na iPhone

[ Pregleda: 1633 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Insider_m
Web developer

Član broj: 290688
Poruke: 98
77.29.231.*



+7 Profil

icon Deaktivirati vertikalni scroll na iPhone18.01.2014. u 10:11 - pre 124 meseci
Koristim jednu JS za drowdown menu na responsive design.

Ovo je kod:

Code:
    // responsive navigation
    var navigation = responsiveNav("#site-navigation", {
        animate: false,        // Boolean: Use CSS3 transitions, true or false
        transition: 0,
        insert: "before",
        customToggle: "",     // Selector: Specify the ID of a custom toggle
        openPos: "relative",  // String: Position of the opened nav, relative or static
        jsClass: "js",        // String: 'JS enabled' class which is added to <html> el
        init: function(){},   // Function: Init callback
        open: function(){ 
            $('body').addClass('no-scroll'); 
            $('#nav-toggle').addClass('in-view'); 
            $('.overlay').addClass('in-view'); 
            $('body').addClass('no-scroll'); 
        },   // Function: Open callback
        close: function(){ 
            $('#nav-toggle').removeClass('in-view'); 
            $('.overlay').removeClass('in-view'); 
            $('body').removeClass('no-scroll'); 
        }   // Function: Close callback
    });


Kad kliknem dugme za da otvorim meni, pojavi se overlay preko stranu. Hocu kad mi je meni otvoreno, da nemogu scrollati niz stranu, i kad kliknem na overlay ili na dugme za otvaranje/zatvaranje meni, da mi se zatvori meni i povtorno da se omoguce scrolanje. Sad koristim $('body').addClass('no-scroll'); klasu no-scroll ima overflow-y: hidden; ali tako mi ne radi. Dali neko mogu mi pomoci kako to da uradim?
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-2.sezampro.rs.



+33 Profil

icon Re: Deaktivirati vertikalni scroll na iPhone18.01.2014. u 20:18 - pre 124 meseci
Probaj da tu no-scroll klasu implementiraš na ovaj način:
Code:
body.no-scroll {
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}
 
Odgovor na temu

Insider_m
Web developer

Član broj: 290688
Poruke: 98
77.29.224.*



+7 Profil

icon Re: Deaktivirati vertikalni scroll na iPhone19.01.2014. u 10:25 - pre 124 meseci
Hvala. To sam sredio.

Sad mi ostaje kako da rjesim problem sa klikanje nad overlay, i to da vmetnem u funkciju za meni. Ako je otvoreno meni, i ako kliknem ili na overlay ili na menu button treba da se zatvori i da iscezni overlay.
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-8.sezampro.rs.



+33 Profil

icon Re: Deaktivirati vertikalni scroll na iPhone19.01.2014. u 15:32 - pre 124 meseci
Taj custom zahtev moraš sam da rešiš, pošto on prevazilazi okvire funkcionalnosti te biblioteka koju koristiš.

Bind-uj klik na taj .overlay element i onda u callback-u za taj event radi navigation.toogle();. Ta promenljiva navigation je ona u koju si upisao povratnu vrednost poziva responsiveNav() f-je. Takođe, ukloni "in-view" CSS klasu tom istom .overlay elementu.
 
Odgovor na temu

[es] :: Javascript i AJAX :: Deaktivirati vertikalni scroll na iPhone

[ Pregleda: 1633 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.