android-在保持滚动功能的同时隐藏移动设备的滚动条

概述我的问题与此几乎相同：Hidethescrollbarbutkeeptheabilitytoscrollwithnativefeel我将列表样式的网页加载到了android应用的webview中.我发现由于滚动条的缘故,页面右侧有一个空白.它很烦人.我想隐藏滚动条,但要保持像@GabrieleCirulli所说的那样滚动的能力.我找到了

我的问题与此几乎相同：

Hide the scrollbar but keep the ability to scroll with native feel

我将列表样式的网页加载到了androID应用的webvIEw中.我发现由于滚动条的缘故,页面右侧有一个空白.它很烦人.我想隐藏滚动条,但要保持像@GabrIEle Cirulli所说的那样滚动的能力.

我找到了这个：

http://hynchrstn.wordpress.com/2012/06/10/hide-scrollbar-but-still-scrollable-using-css/

它适用于PC,但对于移动设备,它会使页面水平滚动,这是不可接受的.

有人可以给我一些建议吗？非常感谢.

解决方法:

根据您添加的链接,我能够提出更可靠的解决方案.
的HTML

<div >    <div >        [...lots of text]    </div></div>

的CSS

body {    margin: 0;    padding: 0;    overflow: hIDden;}.container,.scroll {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;}.container {    overflow: hIDden;}.scroll {    padding-right: 20px;    right: -20px;    overflow-y: scroll;}

它能做什么：

.container和.scroll div都具有与主体相同的尺寸(完整大小),并且由于body和.container都具有溢出：隐藏,因此它们永远不会在任何方向上显示滚动条.

.scroll有一个y溢出：滚动,因此它可以垂直滚动,但不能水平滚动.滚动条从右边移出视图：-20px,并且我添加了相同大小的填充,因此内容将始终很好地适合屏幕.浏览器将无需让您水平滚动

jsFiddle

在Chrome和本地浏览器上的AndroID上进行了测试

总结

以上是内存溢出为你收集整理的android-在保持滚动功能的同时隐藏移动设备的滚动条全部内容，希望文章能够帮你解决android-在保持滚动功能的同时隐藏移动设备的滚动条所遇到的程序开发问题。

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