我有一个顶部粘性菜单栏。当页面开始滚动超过 1px 时,我向它添加了一些 css 更改。它现在工作得很好,但我需要它在滚动位置为 0 时改回来。感谢任何帮助。谢谢
这是js:
$(document).scroll(function(){
if($(this).scrollTop() > 1)
{
$('.row-1').css({"box-shadow":"0 1px 3px rgba(0, 0, 0, 0.4)"});
$('.row-1').css({"opacity":"0.9"});
}
});
最佳答案
CSS:
.row-1 { /* some styles for row 1 */ }
.row-1.scrolled {
box-shadow: 0 1px 3px rbga(0, 0, 0, 0.4);
opacity: 0.9;
}
然后简单地切换滚动类:
$(document).scroll(function(){
$('.row-1').toggleClass('scrolled', $(this).scrollTop() > 1);
});
关于javascript - jquery 在滚动时更改 div css 并且也改回来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13456531/