在body里使用 -webkit-overflow-scrolling: touch;无效

Question

body{
     -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

直接给body写overflow-scrolling: touch在iOS手机并没有回弹的效果 但是给单个div写会有回弹的效果，这是为何

Answer 1

好了，这个问题由我自己来解答吧

html,body{
    height: 100%;
    overflow: auto;
   -webkit-overflow-scrolling: touch;
}

需要同时设置html和body才能起作用

Answer 2

我之前做给body加个overflow：hidden，再加这个-webkit-overflow-scrolling: touch;是有效果的啊

Answer 3

给body添加 overflow: auto 试试

Answer 4

可以尝试 在body下添加个容器 把-webkit-overflow-scrolling: touch; 写到容器里

Answer 5

body设置一个超出可视区域的高度试试

Answer 6

overflow: auto;
-webkit-overflow-scrolling: touch;这样试下，参考链接https://developer.mozilla.org...

Answer 7

我是没加高度100%，坑啊！高度100%，overflow: auto/scroll;-webkit-overflow-scrolling: touch;这几个缺一不可，当然还有楼主说的，必须html和body同时设置才有效！亲测可行，感谢！

Answer 8

https://www.cnblogs.com/xiahj...