Question

嗨，我希望有人可以提供帮助。

我正在使用ScrollTo jquery插件，并且在每次单击时向左滚动它会逐渐覆盖更大的距离。相反，点击向右滚动，以另一种方式向后发送项目，逐渐覆盖较小的距离。

您可以看到示例here

我想知道人们是否可以查看源代码以更好地了解正在发生的事情但是我用来调用该函数的实际代码是

$(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在每次点击时覆盖更远的距离。

Answer 1

你滚得太远了。如果您要滚动470px，则框的宽度应为460px（+ 5px右边距，+ 5px右边距）。它们当前的宽度为450px。

或者，减小宽度以滚动10px。

Answer 2

将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);
    });
});

第一个窗格滚动太远，第二个窗格滚动得不够远。

ScrollTo在每次点击时覆盖更远的距离

2 个答案: