扫码关注官方订阅号
隐藏掉滚动条,还能响应鼠标滚动事件?就像这种效果http://demo.mycodes.net/moban...
学习是最好的投资!
滚轮事件是onmousewheel滚动事件是onscroll
顺序:鼠标滚动-> onmousewheel -> 页面滚动 -> onscroll
所以滚动条直接隐藏掉不会影响滚轮事件,你要实现的效果是在onmousewheel事件里用js实现,相关数据查看event。
这两者没有必然联系吧。鼠标滚动事件监听 window.onmousewheel 这个就行隐藏掉滚动条一般overflow: hidden 就可以了,不过这样就不能自然滚动。你得通过监听上面的事件手动控制页面翻页。
window.onmousewheel
overflow: hidden
我看了一下直接overflow:hidden再做判断。
overflow: hidden;//滚动条隐藏
jquery.fullpage.js可以实现你提供链接地址的效果
谷歌的浏览器可以实现(隐藏掉滚动条,还能响应鼠标滚动事件)
body::-webkit-scrollbar{ height: 0; width: 0; }
可以选择自己加滚动条
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
滚轮事件是onmousewheel
滚动事件是onscroll
顺序:
鼠标滚动-> onmousewheel -> 页面滚动 -> onscroll
所以滚动条直接隐藏掉不会影响滚轮事件,你要实现的效果是在onmousewheel事件里用js实现,相关数据查看event。
这两者没有必然联系吧。
鼠标滚动事件监听
window.onmousewheel这个就行隐藏掉滚动条一般
overflow: hidden就可以了,不过这样就不能自然滚动。你得通过监听上面的事件手动控制页面翻页。我看了一下直接overflow:hidden再做判断。
overflow: hidden;//滚动条隐藏
jquery.fullpage.js可以实现你提供链接地址的效果
谷歌的浏览器可以实现(隐藏掉滚动条,还能响应鼠标滚动事件)
可以选择自己加滚动条