js相关:jquery实现楼层滚动效果

发布于 2020-11-18|标签javascript
复制链接
摘记: 本文实例为大家分享了jquery实现楼层滚动效果展示的具体代码,供大家参考,具体内容如下html: ```xhtml Document ..
本文实例为大家分享了jquery实现楼层滚动效果展示的具体代码,供大家参考,具体内容如下html: ```xhtml Document #header,#f1,#f2,#f3{ width: 80%; height: 500px; background: yellow; margin-left: 10%; margin-top: 50px; } #f1{ background: green; } #f2{ background: red; } #f3{ background: blue; } #lift{ position: fixed; top: 280px; display: none; } .lift_btn{ display: inline-block; width: 50px; height: 50px; border: 1px solid #000; } .hover{ background: red; } 第一层 第二层 第三层 1 2 3 ``` js: ```javascript (()=>{ var $lift=$("#lift"); $(window).scroll(()=>{ var scrollTop=$('html,body').scrollTop(); var $f1=$("#f1"); var offsetTop=$f1.offset().top; if(offsetTop{ var $f=$(elem); if($f.offset().top原文地址: http://blog.csdn.net/spfLinux/article/details/78808500
冀ICP备17029012号-4 | 版权所有©鲍亚龙 |免责声明  | GIF图库  | NUXT版