移动浏览器中可滚动 div 中的滚动条跨平台答案

【问题标题】：Scrollbars in scrollable div's in mobile browsers cross-platform移动浏览器中可滚动 div 中的滚动条跨平台
【发布时间】：2012-03-14 17:01:40
【问题描述】：

我正在使用可滚动的 div（带有 CSS 元素 overflow:scroll）为运行 Android 3.2+、BlackBerry Playbook 和 iOS5+（不支持 iPad 1）的平板电脑构建页面。
我得到了这个工作，但我想要滚动条。对于 iOS5，有这个受支持的 webkit 代码被剪断，我将其添加到 CSS 样式中。这使得像苹果滚动条一样非常好的“原生”：

-webkit-overflow-scrolling: touch;

是否有类似的东西适用于 Android 和黑莓？ CSS/webkit 解决方案是最好的，但 JavaScript 也可以，只要它不是 iScroll 或类似的大型插件。
我也测试过但由于它在所有平台上都“滞后”而无法正常工作的内容如下：

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

感谢您的帮助！

【问题讨论】：

我刚刚看了另一个帖子，发现jScrollbar。这是一个我会尝试的选项，但有没有像 iOS 那样更基本的选项？

标签： javascript android css webkit scrollbars

【解决方案1】：

我还没有找到一个跨平台的 CSS 解决方案。我曾经使用过一个轻量级的 js 解决方案 touch scroll https://github.com/neave/touch-scroll

【讨论】：

感谢您的回答。这种滚动方法有一个很好的“动力”，但它仍然不提供滚动条。这只是解决我遇到的麻烦的一半：S