1

こんにちは、誰かが助けてくれることを望んでいました。

私は ScrollTo jquery プラグインを使用しており、クリックするたびに左に向かってスクロールすると、徐々に距離が伸びます。逆に、クリックして右方向にスクロールすると、アイテムが逆方向に送り返され、徐々にカバーされる距離が短くなります。

ここで例を見ることができます

人々がソースを表示して何が起こっているのかをよりよく見ることができるかどうか疑問に思っていましたが、関数を呼び出すために使用している実際のコードはこれです

$(document).ready(function() { 
    $("#streetstyles_right_arrow").click(function() {
        $("#streetstyles-pane").scrollTo({top:'+=0px',left:'+=470px'}, 370);
        $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'+=470px'}, 370);
    });

    $("#streetstyles_left_arrow").click(function(){
        $("#streetstyles-pane").scrollTo({top:'+=0px',left:'-=470px'}, 370);
        $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'-=470px'}, 370);
    });         
});

どんな助けでも大歓迎です。

jQuery ScrollTo は、クリックごとにより長い距離をカバーします。

4

2 に答える 2

0

スクロールしすぎています。スクロールする場合470px、ボックスの幅は460px(+5px右パディング、+5px右マージン) にする必要があります。現在の幅は450pxです。

または、スクロールする幅を 10px 減らします。

于 2012-10-29T15:10:31.690 に答える
0

コードを次のように変更しdocument.readyます...

$(document).ready(function() {
    $("#streetstyles_right_arrow").click(function(){
        $("#streetstyles-pane").scrollTo({top:'+=0px',left:'+=460px'}, 370);
        $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'+=480px'}, 370);
    });

    $("#streetstyles_left_arrow").click(function(){
        $("#streetstyles-pane").scrollTo({top:'+=0px',left:'-=460px'}, 370);
        $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'-=480px'}, 370);
    });
});

最初のペインはスクロールしすぎていて、2 番目のペインは十分にスクロールしていませんでした。

于 2012-10-29T15:15:32.520 に答える