大佬教程收集整理的这篇文章主要介绍了jquery – 在下拉菜单中向下滚动菜单中添加底盒阴影，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
#header {
width: 100%;
position: fixed;
z-index: 9000;
overflow: auto;
}
所以基于上面的CSS属性,这个元素(#header)显然会保持在顶部,而不管滚动.我想要实现的是向上滚动并向下滚动,底部框阴影应该添加到该元素(#header)中,并且一旦达到该元素(#header)的默认位置即被删除,这显然是页面最上方的地方.
我可以接受任何建议和建议.
每当页面滚动时,我们将文档的顶部的当前距离保存在变量(滚动)中.
如果当前位置大于0,我们将类激活添加到#header.
如果当前位置等于0,我们删除该类.
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll > 0) {
$("#header").addClass("active");
}
else {
$("#header").removeClass("active");
}
});
CSS
#header.active {
Box-shadow: 0 0 10px rgba(0,0.4);
}
以上是大佬教程为你收集整理的jquery – 在下拉菜单中向下滚动菜单中添加底盒阴影全部内容，希望文章能够帮你解决jquery – 在下拉菜单中向下滚动菜单中添加底盒阴影所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。