概观
@H_301_2@你好.
这个问题是关于滚动< ul />期间的不确定冻结.是的
用CSS设计
但我无法察觉哪些解决方案可以解决我的问题. @H_301_2@此问题的HTML和CSS @H_301_2@我在最新型号的iPad上使用index.css显示了下一个index.html. @H_301_2@> index.html @H_301_2@> https://github.com/jun68ykt/wos-touch-sample/blob/master/index.html @H_301_2@> index.css @H_301_2@> https://github.com/jun68ykt/wos-touch-sample/blob/master/index.css @H_301_2@这些都很简单.上面的index.html只有一个列表< ul />
其中包含50个项目,并由< div class =“container”>包含. @H_301_2@重现此问题的情况 @H_301_2@也许你可以按照以下程序重现. @H_301_2@>滚动列表以达到它的底部
>确认侧杆消失后,触摸并尝试向下移动.
当然,列表无法滚动
>接下来,改变移动手指的方向并尝试倒回到顶部
>但我发现手指指向顶部的特别是第一次中风不起作用.
>几秒钟后,我可以触摸并将列表移到顶部. @H_301_2@为了更好地理解,我将这部电影发布到YouTube上,我在其中操作iPad以显示上面的HTML. @H_301_2@-webkit-overflow-scrolling的示例:touch
https://www.youtube.com/watch?v=MkAVYbO_joo @H_301_2@上面的程序项的问题点4是在
关于这部电影的TC0:08. @H_301_2@应该注意的是,我上面的电影中的iPad是 @H_301_2@> iPad 9.7英寸(最新型号)
> iOS 10.3.2
>我在其中使用Safari浏览器. @H_301_2@想要回答 @H_301_2@你可以帮我一个忙吗?我需要一些帮助来解决下一个问题. @H_301_2@>为什么出现上面列表中的4.的情况?
>如何修复HTML或CSS以使列表滚动更顺畅? @H_301_2@示例程序 @H_301_2@可以从GitHub下载上面电影中显示的示例程序.
以下URL是它的回购. @H_301_2@https://github.com/jun68ykt/wos-touch-sample @H_301_2@此示例要求Node.js运行服务器. @H_301_2@最好的祝福.
这个问题是关于滚动< ul />期间的不确定冻结.是的
用CSS设计
-webkit-overflow-scrolling: touch@H_301_2@在iOS的Safari浏览器上. @H_301_2@类似的问题 @H_301_2@我读过类似的问题或帖子 @H_301_2@Div scrolling freezes sometimes if I use -webkit-overflow-scrolling @H_301_2@iOS 9 `-webkit-overflow-scrolling:touch` and `overflow: scroll` breaks scrolling capability @H_301_2@Webkit overflow scrolling touch CSS bug on iPad @H_301_2@http://patrickmuff.ch/blog/2014/10/01/how-we-fixed-the-webkit-overflow-scrolling-touch-bug-on-ios/ @H_301_2@等等.
但我无法察觉哪些解决方案可以解决我的问题. @H_301_2@此问题的HTML和CSS @H_301_2@我在最新型号的iPad上使用index.css显示了下一个index.html. @H_301_2@> index.html @H_301_2@> https://github.com/jun68ykt/wos-touch-sample/blob/master/index.html @H_301_2@> index.css @H_301_2@> https://github.com/jun68ykt/wos-touch-sample/blob/master/index.css @H_301_2@这些都很简单.上面的index.html只有一个列表< ul />
其中包含50个项目,并由< div class =“container”>包含. @H_301_2@重现此问题的情况 @H_301_2@也许你可以按照以下程序重现. @H_301_2@>滚动列表以达到它的底部
>确认侧杆消失后,触摸并尝试向下移动.
当然,列表无法滚动
>接下来,改变移动手指的方向并尝试倒回到顶部
>但我发现手指指向顶部的特别是第一次中风不起作用.
>几秒钟后,我可以触摸并将列表移到顶部. @H_301_2@为了更好地理解,我将这部电影发布到YouTube上,我在其中操作iPad以显示上面的HTML. @H_301_2@-webkit-overflow-scrolling的示例:touch
https://www.youtube.com/watch?v=MkAVYbO_joo @H_301_2@上面的程序项的问题点4是在
关于这部电影的TC0:08. @H_301_2@应该注意的是,我上面的电影中的iPad是 @H_301_2@> iPad 9.7英寸(最新型号)
> iOS 10.3.2
>我在其中使用Safari浏览器. @H_301_2@想要回答 @H_301_2@你可以帮我一个忙吗?我需要一些帮助来解决下一个问题. @H_301_2@>为什么出现上面列表中的4.的情况?
>如何修复HTML或CSS以使列表滚动更顺畅? @H_301_2@示例程序 @H_301_2@可以从GitHub下载上面电影中显示的示例程序.
以下URL是它的回购. @H_301_2@https://github.com/jun68ykt/wos-touch-sample @H_301_2@此示例要求Node.js运行服务器. @H_301_2@最好的祝福.