iOS 下 height: 100% 时的滚动 bug

[ryli]

张兄你好，

css设置如下： height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; 问题描述：当页面在最上仍向下拉页面，会出现浏览器的默认滚动效果，这时直接改为向上拉页面，会出现下面不能滚动的bug。 同https://css-tricks.com/forums/topic/ios-inertial-scrolling-while-body-100-height/ 不知道张兄有没有好的解决方法。

[zhangxinxu]

问题没看明白，有Demo页面否？

[diandian123]

结合Mobilebone，当在主页设置触发弹出了一个层

，定位内容在底部显示position:absolute; left:0; right:0;bottom:0; height:400; ，该层内部有一个 在iso中点击触发弹出层，一直下拉到页面底部继续拉动也出现默认滚动条，怎么禁用掉？同时对层内输入框获得焦点进行输入时，此时层不能保持居底部，跟输入法之间有一个距离，输入键盘关闭后，层也不自动下移到页面底部，为什么？

[ryli]

demo: http://ryli.sinaapp.com/height.html 步骤1：下拉，出现浏览器黑色

步骤2：直接改为上滑，bug出现，页面不能滚动了，就像卡住了一样。

辛苦张兄看一下。

[zhangxinxu]

你好，我iOS下看了下，滚动很流畅

[ryli]

张兄好，直接滚动是没有问题的。 问题在于先触发步骤1后直接进行步骤2，此时上下滚动页面内部不能滚动。

注意看步骤2的截图：明明页面没有滚动到底部（蓝色部分没有显示完全），却触发了外层的body滚动，出现了浏览器默认的黑色（这个黑色应该是滚动到页面底部，继续滚动才会出现的）。

这个bug复现是非常容易的，先下拉页面出现浏览器上面的黑色，直接上滑页面就会卡住同时出现浏览器下面的黑色。

[zhangxinxu]

@ryli 我测试了下，轻轻滑不会有问题，有力滑第一次会划不动。我没什么想法~

[ryli]

好吧，辛苦张兄啦，我找到方法的话会更新到这里。

[fa-ge]

@ryli 我想你要找的应该是 https://github.com/joelambert/ScrollFix 我写了一个加强版 https://github.com/fa-ge/ScrollFixPlus/blob/master/ScrollFixPlus.js

[ryli]

@fa-ge 试了一下，确实解决了这个问题。 👍

[reuwi]

@ryli 有好的解决方案了吗?

[Gensokyo0014]

@ryli 有解决办法了吗

[Gensokyo0014]

请问在IOS里面点击输入框后滑动，到底部了会出现黑色背景怎么办（如果强滑动就算没到底部也会出现黑色背景）