javascript - scrolltop 在 centos 上不起作用

标签 javascript jquery html centos

我正在尝试使单击按钮时滚动平滑。它适用于本地 apache 服务器和 IE10+。但是当部署在“centos”上的项目中时,它在同一个浏览器上不起作用。不会产生错误。谁能帮我找出这背后的原因?

    $(document).ready(function() {
    //+ Scroll smoothly to the target href.
    $("#btnGenerate").click(function(e){
        e.preventDefault();

        var offset = $( $.attr(this, 'href') ).offset().top;
        if (offset == 0)
        {
            offset = 230;
        }

        $("html, body").animate({
            scrollTop: offset
            },
            1000,
            function () {
                alert('animation complete.');
            }
        );
    });
    //-
});

HTML:
<input id="btnGenerate" href="#labelFirstChart" type="button" value="Generate"/>

最佳答案

这应该适用于具有 anchor 链接的元素:

$('a[href^=#]').on('click', function(e){
    e.preventDefault();
    var href = $(this).attr('href');
    $('html, body').animate({ 
        scrollTop:$(href).offset().top
    },'slow');
});

这是一个例子:

http://codepen.io/acki/pen/wMGaPB

关于javascript - scrolltop 在 centos 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34326604/

相关文章:

javascript - IE10-使用z-index的透明叠加

javascript - 显示隐藏 <li> 元素

javascript - jQuery 大写单词定位器

php - CKEditor 忽略了我的 CSS

javascript - 如何在 JavaScript 中巧妙地 chop HTML 字符串?

javascript - 如何使用纯 JavaScript 将元素从 DOM 中的一个位置移动到另一个位置?

javascript - 自动测试网站的 IE7 javascript 错误?

javascript - 奇怪的(或我不知道的)Promise 语法 - Complete、Fail、Done

html - div在flexbox中被下推

JavaScript 和 DOM 操作(创建和删除)