javascript - "Liquid"瓦片用 CSS/JS 滚动

标签 javascript css html layout markup

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

designExample

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

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

最佳答案

您可以为 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/

关于javascript - "Liquid"瓦片用 CSS/JS 滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10427094/

相关文章:

html - 带有 css3 的选项卡,单击时更改样式

html - 用于表示社交分享的这个角色的名字是什么?

javascript - 生成期望 ) 期望 { 并发现 EOF } Unity Javascript

javascript - 将滚动条添加到 div 而不是滚动整个页面

css - 相对图像上绝对定位 2 Div 的问题

javascript - 如何处理固定定位元素的 "scroll"和 "zoom"事件?

python - 有没有办法在 Python 中为 lxml 指定固定(或可变)数量的元素

javascript - 在 textarea 中将结果显示为日志

javascript - Pubnub - 从很多 channel 组中删除很多 channel

javascript - jqplot 如何使链接到另一个页面的条形图可点击