如何制作具有响应式布局的横向卷轴网站......?

时间:2013-03-08 08:49:10

标签: jquery scroll responsive-design

我希望我的网站内容能够横向滚动。换句话说,当我点击链接时,我希望该页面从侧面“滚动到”视口。

与此页面非常相似:http://s3.sitepoint.com/examples/sidescroll/demo4.html

但是,我还希望每个“页面”(或div)的内容都具有响应性并适合视口。在演示中,当页面大小缩小时,文本会被截断(除其他外)。

我计划制作一个非常宽的div并使用JQuery动画滚动到各个点,但如果有更好的方法,请告诉我。另外,我打算将包装器溢出设置为“隐藏”,以便禁用滚动条。

1 个答案:

答案 0 :(得分:0)

JQuery mobile具有开箱即用的功能。它有一些侧滚动功能,并广泛使用ajax。但是,如果你的目标是桌面,它可能不是确切的,但它可能对你有用。它对响应式设计有很大的支持。 http://jquerymobile.com/