相关疑难解决方法(0)

隐藏滚动条,但仍然可以滚动

我希望能够滚动整个页面,但不显示滚动条.

在谷歌浏览器中它是:

::-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 css firefox internet-explorer google-chrome

1014
推荐指数
27
解决办法
150万
查看次数

检测溢出中的滚动尝试:隐藏页面?

我想检测用户何时尝试在我的页面上向上或向下滚动,但由于我不想允许实际滚动,我设置了溢出:隐藏的主体.代码是这样的:

$('html,body').css('overflow','hidden');
$(window).scroll(function(event){
    console.log("scroll");
});
Run Code Online (Sandbox Code Playgroud)

问题是,由于没有实际的滚动我无法触发事件,我已经考虑过去除溢出样式并以某种方式阻止滚动但我无法弄清楚如何做到这一点.

无论如何有一种方法来修复滚动同时检测滚动尝试?谢谢

javascript css jquery

5
推荐指数
1
解决办法
3879
查看次数