[ Insider_m @ 18.01.2014. 10:11 ] @
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?
[ Nikola Poša @ 18.01.2014. 20:18 ] @
Probaj da tu no-scroll klasu implementiraš na ovaj način:
Code:
body.no-scroll {
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}
[ Insider_m @ 19.01.2014. 10:25 ] @
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.
[ Nikola Poša @ 19.01.2014. 15:32 ] @
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.