<!--动态滚动进度条--><div class="scroll-line" style="z-index: 999;position: fixed;height: 3px;margin-top: 0px;background-color: #6B999B;width: 0%;"></div><script type="text/javascript"> $(window).scroll(function() { var winTop = $(window).scrollTop(), //滚动条的位置 docHeight = $(document).height(), //文档高度 winHeight = $(window).height(); //窗口高度 var scrolled = (winTop / (docHeight - winHeight))*100; $('.scroll-line').css('width', (scrolled + '%')); });</script>
添加网页动态滚动进度条|滚动指示器
- 本文地址：https://www.nta6.com/post/46.html
- 免责声明：本站文章部分内容可能来源于网络，仅供学习与参考。如有侵权，请联系站长处理。
- 立场声明：本站所有资源不代表本站立场，也不代表本站赞同其观点或证实其内容的真实性。
- 合法合规：严禁发布或转载任何违法信息。访客如发现此类内容，请立即向站长举报。
- 内容时效性：站内资源、教程可能因时效性失效或不可用，请在评论区留言或联系站长。
- 许可协议：除非特别说明，作品均采用 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》 协议进行许可。
留言评论
暂无留言