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

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!"/>