移动端overflow: auto不现实滚动条、怎么破？

Question

HTML：

<div id="demo">
    // 一大堆文字
</div>

CSS：

#demo {
    width: 500px;
    height: 300px;
    // 无效
    overflow: auto;
    // 无效
    overflow-y: auto;
    // 无效
    overflow: scroll;
    // 无效
    overflow-y: scroll;
}

我就是想要浏览器自带的滚动条，苹果手机弄死不现实滚动条，但内容还是可以滚蛋···就是没有滚动条，而且滑动一点儿都不流畅。 安卓手机是正常现实的

求大神指教，是我代码写错了还是怎样？备注：我要浏览器自带的滚动条

Answer 1

写法没有错，一般用 overflow: auto;这个就可以了，不流畅的话可能是这个问题，加个-webkit-overflow-scrolling: touch;，参考：https://www.jianshu.com/p/1f4...

Answer 2

使用 -webkit-overflow-scrolling: touch; 可以解决一切 IOS 滑动不顺畅的情况。
但是 -webkit-overflow-scrolling: touch; 在 IOS下 bug特别多，需要做很多处理，比如说，如果设置 -webkit-overflow-scrolling: touch; 的元素有设置 position 样式，它的父子元素或者是兄弟元素也设置了 position 样式，就会触发 bug。 还有一些 bug 是它会触发浏览器自带的滚动行为，例如微信下拉的黑边之类的。
使用的时候还是需要多多注意的。

Answer 3

不太清楚。用iscroll、better-scroll、swiper 轻松可以实现。而且还带回弹效果