1

ここにクライアント用に作成している水平構造のWebサイトがあります。

http://jules-photo.com/shhmgmt/

彼らは、ロード時に、ページが最後に到達して停止するまで、ページが右にスムーズに自動スクロールすることを要求しています。理想的には、スクロールの速度を制御したいと思います。Web で見つけることができるすべての JavaScript をプラグインしたような気がしますが、うまくいきません。誰でもこの問題の解決策を推奨できますか?

ありがとう！

アップデート：

OK、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>

更新:私は animate() を次のように使用することになりました:

$(document).ready(function(){


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

2 に答える 2

2

jQuery には、スクロールの優れた生来のサポートに加えて、さまざまなスクロール関連のプラグインがあります。

このサイト: http://demos.flesler.com/jquery/scrollTo/には、役立つと思われるさまざまな優れたスクロール デモがあります。

mootools を使用しているようです... $ 変数も使用していますが、jQuery.noConflict() を使用して両方をタンデムで使用できます。

于 2012-10-10T23:22:32.167 に答える
0

あなたが探している機能は、animate() Jqueryには水平スライド用の組み込みのスライダーコントロールがないことですが、以下は私が見つけたいくつかのフィドルであり、うまくいけば正しい方向を指し示します。

http://jsfiddle.net/sg3s/rs2QK/-これは、パネルを左から開いて右に閉じるようにスライドさせます

http://jsfiddle.net/sg3s/RZpbK/-新しいパネルを開く前に、パネルを左から右にスライドさせて開き、左に近づけます。

ソース： http ：//api.jquery.com/animate/

于 2012-10-11T01:15:18.067 に答える