Question

我正在努力使滚动顺利点击按钮。它适用于本地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"/>

Answer 1

这应该适用于具有锚链接的元素：

$('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

scrolltop不适用于centos

1 个答案: