HTML5中的杂志式水平滚动＆amp; CSS3

Question

我想使用HTML5和CSS3制作像asidemag.com这样的杂志但是如何启用这样的水平滚动？

Answer 1

您可能想要开始考虑人们如何定义横向滑动，这是将这些东西组合在一起的重要的第一步。水平滚动并不是“启用”的东西，而是“内置”杂志的一个组成部分。如果你愿意，你可以联系他们，了解他们是如何做到的。

您的步骤是阅读用户的触摸事件，了解他们的工作方式（方向），然后如何处理网页上的可见项目以整合滑动行为。这取决于你对javascript，css和html5的熟练程度，以及建立系统本身的意愿。

我一直在为这个引擎工作，但是asidemag.com概念处理的数据与我的不同。他们使用ajax根据需要加载每个页面，这允许更大的杂志，并且我只是加载整个网页并“构建”它像杂志一样阅读。他们只适用于iPad，而且我的大多数设备都可以使用，包括ie7。

您想投入多少钱来建立一本杂志？如果你想要它更容易，你可以联系旁边的方法来了解如何在他们的系统上进行操作，或者如果你有更多的时间专注于它，你可以在网上找到如何自己动手。

Answer 2

查看treesaverjs.com这是一个创建杂志式网站的框架。