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

});