Question

我正在使用可滚动的div（使用CSS元素溢出：滚动）为运行Android 3.2 +，BlackBerry Playbook和iOS5 +的平板电脑构建一个页面（不支持iPad 1）。
我有这个工作，但我想滚动条。对于iOS5，有一个受支持的webkit代码剪切，我添加到CSS样式。这就像苹果滚动条一样非常好“本机”：

-webkit-overflow-scrolling: touch;

在Android和黑莓手机上是否有类似的功能？ CSS / webkit解决方案是最好的，但只要它不是iScroll或类似的大型插件，JavaScript也可以。我测试过的但是没有用，因为它在所有平台上都“差”非常糟糕如下：

::-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);
}

感谢您的帮助！

Answer 1

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

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

1 个答案: