javascript - 单击导航按钮时如何水平滚动网页？

Question

我最近几天一直在寻找一个简单的 javascript 或 jquery 代码。我想在单击导航按钮时合并水平滚动，页面内容应该从左到右移动。

它的功能与此处显示的滚动非常相似：

http://codecanyon.net/item/fss-full-screen-sliding-website-plugin/full_screen_preview/159103

Answer 1

尝试 scrollLeft 和/或 scrollTop 方法：

https://developer.mozilla.org/en/DOM/element.scrollLeft

在嵌套容器中使用它：

<div id="myDiv" style="width:100px;overflow:hidden">
 <div>LONGTEXTLONGTEXTLONGTEXTLONGTEXTLONGTEXTLONGTEXTLONGTEXTLONGTEXT...</div>
</div>
<input type="button" onclick="document.getElementById('myDiv').scrollLeft += 10" value="Scroll!"/>