javascript - 有没有大神知道,怎么隐藏掉滚动条,还能响应鼠标滚动事件?
PHPz
PHPz 2017-04-11 11:49:59
[JavaScript讨论组]

隐藏掉滚动条,还能响应鼠标滚动事件?就像这种效果http://demo.mycodes.net/moban...

PHPz
PHPz

学习是最好的投资!

全部回复(6)
伊谢尔伦

滚轮事件是onmousewheel
滚动事件是onscroll

顺序:
鼠标滚动-> onmousewheel -> 页面滚动 -> onscroll

所以滚动条直接隐藏掉不会影响滚轮事件,你要实现的效果是在onmousewheel事件里用js实现,相关数据查看event。

PHP中文网

这两者没有必然联系吧。
鼠标滚动事件监听 window.onmousewheel 这个就行
隐藏掉滚动条一般overflow: hidden 就可以了,不过这样就不能自然滚动。你得通过监听上面的事件手动控制页面翻页。

天蓬老师

我看了一下直接overflow:hidden再做判断。

阿神

overflow: hidden;//滚动条隐藏

迷茫

jquery.fullpage.js可以实现你提供链接地址的效果

谷歌的浏览器可以实现(隐藏掉滚动条,还能响应鼠标滚动事件)

body::-webkit-scrollbar{
    height: 0;
    width: 0;
}
高洛峰

可以选择自己加滚动条

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

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