如何點擊導航按鈕時水平滾動網頁？

我花了最後的日子尋找一個簡單的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

如何點擊導航按鈕時水平滾動網頁？

回答

相關問題