我希望能够滚动整个页面,但不显示滚动条.
在谷歌浏览器中它是:
::-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.
我可以通过设置CSS属性来禁用网格中的垂直滚动条overflow-y: hidden.但是,这也消除了使用鼠标滚轮滚动内容的功能.
有没有办法不显示滚动条但仍然允许内容滚动鼠标滚轮或箭头键?
我想知道是否可以隐藏滚动条,同时仍然使用鼠标/键盘滚动.
我试着用CSS:overflow:hidden; 效果是,禁用滚动条并禁用滚动.
我知道你可以定义overflow:hidden; 在HTML的主体上删除滚动条,但我仍然希望能够用鼠标滚动箭头或滚轮.
在此先感谢您的帮助.
编辑:感谢有关悬停滚动条和自定义栏的所有建议.还要感谢您通过删除滚动条来影响用户体验的所有问题.我将详细说明,以便解释我的来源.
我有一个圆形页面(如果你用滚轮或箭头按钮滚动,当它到达底部时,它会重置到页面顶部并重新开始).一个永无止境的循环.滚动条会对此产生影响,因为条形有限,当它到达底部并重置到顶部时,用户鼠标仍然位于页面底部,这意味着当它们移动时,页面的顶部和底部之间会有一些闪烁.
我打算删除滚动条,并用窗口顶部和底部的箭头按钮替换它.这就是我想完全删除滚动条但保留滚动功能的原因.
我有这个代码用于文件比较:http://jsfiddle.net/CrN6X/
现在它做我需要的:
这样我可以很容易地比较我的文件,但我有一个问题:只有当我一直向下滚动时,底部滚动条才可访问.
如何让它们浮动或将滚动条移动到另一个div,这总是可以看到,这样我就不需要向下滚动另一个div一直到底部来访问它们?
可能重复:
隐藏滚动条,同时仍然可以使用鼠标/键盘滚动
我为网络应用制作了一个用户界面.它是一个侧栏,它需要让用户滚动它而不需要滚动条.内容高500px,但容器高300px.
我已经设置了容器,overflow:scroll但后来我得到滚动条(我预期).我知道我可以禁用滚动条,overflow:hidden但也禁用滚动.
有没有办法可以让它滚动但禁用滚动条?
我用谷歌搜索,我找不到任何解决方案,但我之前肯定在某处看到过类似的实现。
所以基本上我有一个大的电子表格 - 像表格一样,由用户生成。内容很可能会在水平和垂直方向超出视口,因此需要滚动。
但是,我正在尝试为用户找到一种“更漂亮”的滚动方式(水平和垂直滚动条看起来不太好)。所以我在想一些像下面这样的箭头(见附件)。但是,我环顾四周,没有看到任何人做这样的事情的例子。
所以这里是我的问题:
有人能告诉我是否有任何技术原因我不应该用“滚动按钮”替换浏览器滚动条?
是否可以使用 javascript 轻松完成,或者是否有任何(最好是 angularjs)插件可以模仿这种行为?
css ×6
javascript ×6
html ×5
jquery ×3
angularjs ×1
firefox ×1
mousewheel ×1
overflow ×1
scroll ×1
scrollbar ×1