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

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

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

于 2012-10-29T15:15:32.520 回答
0

你滚动得太远了。如果要滚动470px,则框的宽度应为460px(+5px右边距,+5px右边距)。它们当前的宽度是450px

或者,将滚动宽度减小 10 像素。

于 2012-10-29T15:10:31.690 回答