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
});
// 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?