У меня есть div, который меняет класс в зависимости от того, где пользователь находится на странице, используя jquery. Эта функция выглядит следующим образом ..изменить класс на div с jquery
$(function(){
var menu = $('#menu'),
pos = menu.offset();
$(window).scroll(function(){
if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){
menu.fadeOut('slow', function(){
$(this).removeClass('default').addClass('fixed').fadeIn('slow');
});
} else if($(this).scrollTop() <= pos.top && menu.hasClass('fixed')){
menu.fadeOut('slow', function(){
$(this).removeClass('fixed').addClass('default').fadeIn('slow');
});
}
});
});
Но я также хочу, чтобы изменить класс Div при нажатии на кнопку/ссылку с особым классом/именем.
Я сделал плохую попытку. Но как я мог включить это в предыдущую функцию? с «если еще» ..
$(".closemeny").click(function() {
menu.fadeOut('slow', function(){
$('#menu').removeClass('fixed').addClass('default').fadeIn('slow');
});
Это работает очень хорошо! Но слои возвращаются, когда я снова прокручиваю. Есть ли способ отключить слой после того, как кто-то щелкнет «closemeny»? Не возвращаться, пока вы не перезагрузите страницу. – user681061
Я просто добавил это, чтобы удалить div. $ (". closemenu"). click (function() { menu.fadeOut ('slow', function() { $ ('# menu'). remove(); – user681061