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

我花了最后的日子寻找一个简单的JavaScript或jQuery代码。点击导航按钮时，我想要合并水平滚动，页面内容应该从左向右移动。如何点击导航按钮时水平滚动网页？

它会发挥作用非常相似，这里显示的滚动：

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

来源

2012-07-28 fathima

为什么不能哟你只是使用你链接的jQuery插件？ – 2012-07-28 05:17:33

或者：有一个父容器的div位置：相对和不同页面内的个人div位置：absolute;和float：left，然后为容器div的左或右css属性设置动画。这是很有趣的，自己建立:) – Mahn 2012-07-28 05:23:45

是的，我可以使用..但问题是我使用幻灯片显示，如果我使用jquery pluging它不会工作@马特布拉德利 – fathima 2012-07-28 05:29:48

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

来源

2012-07-28 05:24:41 Opi

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

回答

相关问题