javascript - 页面导航样式
高洛峰
高洛峰 2017-04-11 12:50:55
[JavaScript讨论组]

http://www.webei.cn/
网站的导航transparent的样式是如何加上去的?

不懂为什么滚动离开了顶部的时候transparent消失了,但是滑动到顶部的时候,这个样式又可以加上。需要js处理吗

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(4)
伊谢尔伦

可以监听scroll事件,往下滚时导航条fixed并且添加透明,滚上去就取消

迷茫

If height>xxx $(class).addxlass

黄舟

当滚动条在最顶部的时候header有两个样式site-header transparent,transparent类里面定义的渐变背景色覆盖掉了site-header的背景色
一旦开始滚动就去掉transparent类

ringa_lee

需要通过js监听滚动事件。当超过一屏的时候给它添加背景色。当小于等于1屏的时候把背景色去掉即可。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号