html – 隐藏滚动条但保留以原生感觉滚动的功能

html – 隐藏滚动条但保留以原生感觉滚动的功能,第1张

概述我已经找到了这个问题的答案并且发现了 hide scrollbar while still able to scroll with mouse/keyboard但是jQuery插件并没有完全按照我的意愿去做.首先,滚动感觉有点草率和无法控制. 我之所以需要这个很简单:当你展开一些项目时,我的页面会变得更长一些,并且滚动条显示在侧面之外并使一切都向左移动.我希望有一种方法可以避免这种情况,既可以始终 我已经找到了这个问题的答案并且发现了
hide scrollbar while still able to scroll with mouse/keyboard但是jquery插件并没有完全按照我的意愿去做.首先,滚动感觉有点草率和无法控制.
我之所以需要这个很简单:当你展开一些项目时,我的页面会变得更长一些,并且滚动条显示在侧面之外并使一切都向左移动.我希望有一种方法可以避免这种情况,既可以始终保持滚动条可见,也可以完全隐藏滚动条,但仍保留滚动的原生能力.

这是我的意思的一个例子:http://screencast.com/t/Roi3HJtHyH当点击长条目时,内容向左移动,这个效果看起来有点难看.

解决方法 这是标准的浏览器行为.

带走滚动条会降低用户友好性.

您可以设置滚动条以始终使用CSS保持可见.

CSS:

body {    overflow-y: scroll;}
总结

以上是内存溢出为你收集整理的html – 隐藏滚动条但保留以原生感觉滚动的功能全部内容,希望文章能够帮你解决html – 隐藏滚动条但保留以原生感觉滚动的功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1141442.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存