jquery – 为什么滚动后只能看到框阴影?

前端之家收集整理的这篇文章主要介绍了jquery – 为什么滚动后只能看到框阴影?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在努力弄清楚为什么当你第一次导航到每个页面时,顶部菜单上的盒子阴影不可见,但是一旦你开始滚动就会出现.

这是网站:http://gourmetsailing.co.nz/DRAFT/charters.html

带阴影的类是.navbar-wrapper

.navbar-wrapper {
background-color: #FFFFFF;
width: 100%;
margin: auto;
-webkit-Box-shadow: 0px 5px 5px -2px rgba(0,0.5); /* [h-offset] [v-offset] [blur radius] [color: red,green,blue,opacity]; */
-moz-Box-shadow: 0px 5px 5px -2px rgba(0,0.5);
Box-shadow: 0px 5px 5px -2px rgba(0,0.5);}

值得一提的是,我也在使用stickUp来使菜单坚持到页面顶部:http://lirancohen.github.io/stickUp/

也许与那个剧本有某种冲突?

解决方法

尝试添加position:相对于navbar-wrapper类.

这是发生了什么:

当你开始滚动时,position:relative声明被动态地添加到div中,类navbar-wrapper作为内联样式,触发框阴影.

如果直接将此声明添加到类中,则从一开始就存在框阴影.

原文链接:https://www.f2er.com/jquery/178539.html

猜你在找的jQuery相关文章