javascript - css scrollLeft 动画垂直移动 body

标签 javascript jquery html css

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

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

感谢您的帮助!

最佳答案

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

});

关于javascript - css scrollLeft 动画垂直移动 body ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17737516/

相关文章:

Javascript 排序回调

javascript - 为什么 PopUp Modal Bootstrap 没有出现在 Angular 4 中

jquery - 为什么在 jQuery 插件中返回 this.each(function())?

php - 从表单发送的电子邮件中显示的输出不以泰语显示

javascript - 您如何允许 html 和 Javascript 文件在 Atom 中运行?

javascript - 选择多选选项最多 2 个

javascript - 动态生成元素时如何避免 ID 冲突

javascript - 使用选择框在 div 之间交换类

javascript - CSS 内容 :url() not working on anything other than chrome. 使用 JS 更改 <img> src?

javascript - 将js变量插入html href标签