css - iOS 上 HTML 中的水平下拉刷新

Question

我如何实现 pull to refresh for iOS in HTML对于水平列表？

也就是说，一个水平滚动的列表，但是当你把它拉到右边时，它会显示一个隐藏的 div，可以触发 javascript 回调？

Answer 1

我想我已经找到了一个解决方案，但是如果我将 完全 定位到滚动内容的左侧。但是，如果我一直将它放置在 1px 的位置，它就可以正常工作。

这是 pastebin of my horizontal pull to refresh solution .请注意，这仅适用于支持 -webkit-overflow-scrolling: touch 的浏览器，例如 iOS 设备上的浏览器。您可以在移动设备上只加载 jsfiddle 的结果:http://fiddle.jshell.net/mhBd2/show/

是否有更好的方法，或者我是否发现了 webkit 错误？

对于这条道路上的任何其他人来说，这是一个更大的解决方案的一部分，可以获取水平滚动列表以动态填充一行的其余部分(如 How to make an inline-block element fill the remainder of the line? )，我在这里工作:http://jsfiddle.net/fuWcr/