javascript - jQuery - 单击按钮时滚动到 anchor

Question

我正在尝试制作一个简单的脚本来检查用户是否按下了网页上的按钮。如果他这样做，它会检查用户是否滚动过某个 div，如果滚动了，页面就会滚动到另一个 div，否则什么也不会发生。

从技术上讲，我的代码可以工作，因为它将 DOM 滚动到 anchor ，但作为副作用，它会阻止您在执行此操作后滚动。

$("#scrollDownBttn").click(function(){

    var mainOffset = $("#pinkRegion").offset().top;

    $(document).on('scroll', function() {
        if ( $(document).scrollTop() > mainOffset ) {
                $(document).scrollTop( $("#brownRegion").offset().top );

        }
        else{

        }

    });
});

我正在努力适应 jQuery，但显然我还有很长的路要走。我什至不明白为什么它会卡住整个页面。有什么想法为什么会出现这种情况吗？

Answer 1

试试这个:

$("#scrollDownBttn").click(function(){            
    $('html, body').animate({
            scrollTop: $("#pinkRegion").offset().top
        }, 500);
});