ioshtml5禁止滚动，苹果滚动到底部控制不了

H5页面在ios中平滑滚动

问题：h5页面在IOS浏览器上，当滚动到顶部后，手指抬起，滚动结束，再次下拉；或者，当滚动到底部，手指抬起，滚动结束，再次上拉。然后手指不松开就直接往相反方向拉会导致页面整体被拉动，触发苹果的回弹效果。

原因如下：Safari浏览器的默认行为：在H5页面中，苹果手机使用的Safari浏览器有一个特定的行为，当页面中的tab被点击时，默认会将页面滚动至顶部。

”ios浏览器滚动至底部后还可拖动原因有iOS浏览器的惯性滚动机制、底部工具栏或操作栏的存在、页面的高度超出了屏幕高度。

也可以用ViewFlipper，还有笨方法就是一个imageview，获取按下抬起坐标，判断左滑右滑，然后set另一张图片进去。

注意：以上方法浏览器的自带的滚动也会被禁止 用better-scroll 实现的滚动不会被禁止。

可以有效避免触发h5页面在ios浏览器内置的下拉bounce效果。

相关问答

Q1: 学习HTML5的一些小的建议

1、方法一：注重实践，由实践出真知在HTML5知识学习过程中，有些学员不喜欢动手，更喜欢听讲师讲或者自己背诵，这种学习方法是万万不可取的。 因为代码的学习，是个需要动手的过程。掌握代码不仅仅只有记忆还有尝试。

2、话不多说，现在就开始介绍HTML5游戏开发的5条实用建议。建议1：使用框架如果只是用HTML5编写一些小程序其实非常简单，但如果想往你的游戏中加入更丰富的功能，那么就有许多其他的事情需要处理了。

3、学习 HTML5 的方法有很多，以下是一些常见的方法： 学习HTML5的基础知识，如标签、属性、表单等。可以通过阅读相关书籍或者观看视频课程来学习。 练习编写代码，可以通过做一些小项目来巩固所学知识。

Q2: 解决H5在IOS的WebView下上拉下拉会带动整个WebView出现空白问题_百度...

1、注意：以上方法浏览器的自带的滚动也会被禁止 用better-scroll 实现的滚动不会被禁止。

2、通过webview 开发的页面， 在app 进入后台后过段时间在切到前台时会出现web 页面白屏。

3、最近对项目中的webview框架进行了更改，由原先的UIWebView更改为后来的WKWebview，但是在测试的时候发现，对于iOS 0的系统加载出来就是一个白板，但是对于iOS11系统来说就是正常的。

关于ioshtml5禁止滚动和苹果滚动到底部控制不了的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。