iOS上的HTML中的水平拉动刷新

时间:2013-01-17 00:50:43

标签: css scroll pull-to-refresh

如何为水平列表实现pull to refresh for iOS in HTML

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

1 个答案:

答案 0 :(得分:-1)

我认为我已经找到了解决方案,但是如果我将完全放在滚动内容的左侧,它有隐藏.pull-to-refresh范围的奇怪特征。但是,如果我将它一直放在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?),我在这里工作:{{3} }