Answer the question
In order to leave comments, you need to log in
After executing a script, another script stops working?
Here is the code for the menu button:
var mainBurgerMenu = $('.main-burger-menu'),
bulletsContainer = $('.bullets-container'),
slideContent = $('.slide-content'),
overfloWrapper = $('.overflow-wrapper');
$('#burger-top').click(function(e) { //открытие главного меню
slideContent.css({transform: 'translateX(-60%)'})
overfloWrapper.addClass('overflow-wrapper--hidden');
mainBurgerMenu.css({width: '60%'});
bulletsContainer.css({display: 'none'});
bodyPage.css({'overflow-y': 'hidden'});
e.preventDefault();
});
$('#close-btn-nav').click(function(e) { //закрытие главного меню
slideContent.css({transform: 'translateX(0)'})
overfloWrapper.removeClass('overflow-wrapper--hidden');
mainBurgerMenu.css({width: '0'});
bulletsContainer.css({display: 'flex'});
bodyPage.css({'overflow-y': 'auto'});
e.preventDefault();
});
var topNavigation = document.querySelector('#nav-wrapper');
var prevPosition = 700;
function onScroller() {
var st = $(this).scrollTop();
if (st > prevPosition) {
topNavigation.classList.add('top-nav-menu-close');
} else {
topNavigation.classList.remove('top-nav-menu-close');
}
prevPosition = st;
}
document.addEventListener('scroll', onScroller);
Answer the question
In order to leave comments, you need to log in
slideContent.css({transform: 'translateX(0)'})
is not nulling translateX
here is nulling:
https://jsfiddle.net/x3grdns7/1/
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question