“液体”磁贴使用CSS / JS滚动

Question

我的任务是实现一个网页元素，该元素是一组磁贴，应在触摸设备上平滑滚动，并支持通过网页中的按钮进行传统滚动：

在平板电脑上，当用户滚动投资组合图块时，他们应该滚动而不是滚动整个页面。

在布局/标记方面如何实现？ 也许您可以为示例教程提供有关实现方式的示例。

Answer 1

您将为tile容器设置一个固定的高度，并使用以下样式设置它： overflow: scroll和一些JS，如下面的链接中所述。

有关移动设备专用触摸滚动的更多信息，请查看：

http://cubiq.org/iscroll-4

http://blog.joelambert.co.uk/2011/10/14/a-fix-for-ios5-overflow-scrolling-scrollfix-js/

http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/