“Liquid”瓷砖用CSS / JS滚动

Question

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

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

如何在布局/标记方面实现这一目标？也许你可以建议一个关于如何实现类似的示例教程。

Answer 1

您可以为tiles容器设置一个固定的高度，并使用：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/