我希望能够滚动整个页面,但不显示滚动条.
在谷歌浏览器中它是:
::-webkit-scrollbar {
display: none;
}
Run Code Online (Sandbox Code Playgroud)
但是Mozilla Firefox和Internet Explorer似乎并没有那样工作.
我也在CSS中尝试过这个:
overflow: hidden;
Run Code Online (Sandbox Code Playgroud)
这确实隐藏了滚动条,但我不能滚动了.
有什么办法可以删除滚动条,同时还能滚动整个页面吗?请使用CSS或HTML.
我想检测用户何时尝试在我的页面上向上或向下滚动,但由于我不想允许实际滚动,我设置了溢出:隐藏的主体.代码是这样的:
$('html,body').css('overflow','hidden');
$(window).scroll(function(event){
console.log("scroll");
});
Run Code Online (Sandbox Code Playgroud)
问题是,由于没有实际的滚动我无法触发事件,我已经考虑过去除溢出样式并以某种方式阻止滚动但我无法弄清楚如何做到这一点.
无论如何有一种方法来修复滚动同时检测滚动尝试?谢谢