jquery - 单击 jQuery 时向左水平滚动 + 50px

Question

我试图使用 jQuery 使左箭头和右箭头在单击时左右滚动 +50px，但它似乎只是将页面重置为向左滚动 0。

这是我的 HTML:

<div id="parallax">
    <a href="#" id="test"></a>
</div>

这是我的脚本:

$(document).ready(function(){
    $("#test").click(function(){
        $("#parallax").scrollLeft(5000);
    });
});

任何帮助或见解将不胜感激。

Answer 1

您需要阻止 <a> 的默认操作元素，作为 href="#"将始终滚动到顶部:

$(document).ready(function(){
    $("#test").click(function(e){
        e.preventDefault();
        $('body').scrollLeft(5000);
    });
});​

FIDDLE