Deaktivirati vertikalni scroll na iPhone

Deaktivirati vertikalni scroll na iPhone 18.01.2014. u 11:11 · pre 155 meseci #1

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?

Re: Deaktivirati vertikalni scroll na iPhone 18.01.2014. u 21:18 · pre 155 meseci #2

Probaj da tu no-scroll klasu implementiraš na ovaj način:

Code:
body.no-scroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

Re: Deaktivirati vertikalni scroll na iPhone 19.01.2014. u 11:25 · pre 155 meseci #3

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.

Re: Deaktivirati vertikalni scroll na iPhone 19.01.2014. u 16:32 · pre 155 meseci #4

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.

1

Forum kao aplikacija na telefonu

Srodne teme