javascript - css scrollLeft 动画垂直移动身体

Question

嗨，我正在尝试编写一个函数，将 div 水平滚动到给定参数的特定点。除非向下滚动文档/正文并通过按字母执行该功能，否则一切正常。发生这种情况时，整个文档/正文将向上滚动到顶部。我真的不知道我在这里做错了什么，但我不希望页面滚动到顶部。

可以在http://www.hokosounds.com/testRedesign/store-test.html#找到代码示例

谢谢您的帮助！

Answer 1

如果您不处理点击事件return false或event.preventDefault http://api.jquery.com/event.preventDefault/ ，页面将滚动到顶部

它将停止单击链接的行为。

Answer 2

$(document).ready(function(){

    $('a').click(function(e, _letter){

        e.preventDefault();
        var _letter = $(this).html();
        scrollToLetter(_letter);

    });

    scrollToLetter = function(_letter) {
        var _distance = $('#'+_letter+'Start').position().left+$('#store-nav-artist-names').scrollLeft();
        $('#store-nav-artist-names').animate({
        scrollLeft: _distance
        }, 800);
    }; 

});