[ 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? |