如何使用JavaScript滾動水平平滑？

我有一個水平結構的網站我正在這裏客戶端：如何使用JavaScript滾動水平平滑？

他們要求的是，在加載時，頁面自動滾動順利到右邊，直到它到達終點並停止。理想情況下，我想控制滾動的速度。我覺得我已經插上了每一點的JavaScript我可以找到網絡，但沒有運氣。任何人都可以推薦解決這個問題嗎？

謝謝！

更新：

好了，我想我發現我需要使用jQuery.ScrollTo代碼：

$(...).scrollTo({ top:0, left:700},800);

但我不完全知道如何實現成一個jQuery腳本，以便它在頁面加載時觸發。我的jQuery到目前爲止（這一直未果）：

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script> 
<script type='text/javascript' src='jquery.scrollTo-min.js'></script> 
<script type="text/javascript"> 
// no conflict jquery 
jQuery.noConflict(); 
//jquery stuff 

$(document).ready(function(){ 

$(...).scrollTo({ top:0, left:700},800); 

}); 

</script>

更新：我結束了使用動畫（）像這樣：

$(document).ready(function(){ 


$('html,body').animate({scrollLeft: $("body").width()},11000) 
    $(window).bind("mousewheel", function(ev) { 
     $("html, body").stop(); 
    }); 
});

來源

2012-10-10 jules

請註明答案。 – smdrager

您正在查找的功能是animate() Jquery沒有內置的水平幻燈片滑塊控件，但下面是我發現的一些小提琴，希望能指引您朝着正確的方向。

http://jsfiddle.net/sg3s/rs2QK/ - 這一個幻燈片面板從左邊並靠近右

http://jsfiddle.net/sg3s/RZpbK/開 - 滑動面板從左至右，靠近左側befor在打開一個新打開。

來源：

來源

2012-10-11 01:15:18

的jQuery除了擁有各種卷軸相關插件到它的優秀的滾動內在支持。

此網站：http://demos.flesler.com/jquery/scrollTo/有各種優秀的滾動演示，你可能會發現有用的。

我看到你使用mootools ...儘管它也使用$變量，你可以使用兩個使用jQuery.noConflict（）。

來源

2012-10-10 23:22:32 smdrager

如何使用JavaScript滾動水平平滑？

回答

相關問題