javascript - 如何让我平滑滚动？

Question

我的滚动功能出现问题，无法顺利进行，而是开始缓慢，然后快速移动

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

        var ele = $(this).closest("row").find(".row");

        if (navigator.userAgent.match(/(iPod|iPhone|iPad|Android)/)) {

            $('#scrollme').animate({
                scrollTop: $("#scrollme").offset().top + 30
            }, 'slow');
        } else {
            $('html, body').animate({
                scrollTop: $("#scrollme").offset().top + 30
            }, 'slow');
        }
    });

Answer 1

您可以使用scrollTo Native方法:

window.scrollTo({
  top: 0,
  behavior: 'smooth'
});

最终代码:

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

    var ele = $(this).closest("row").find(".row");

    if (navigator.userAgent.match(/(iPod|iPhone|iPad|Android)/)) {
        document.querySelector('#scrollme').scrollTo({
            top: $("#scrollme").offset().top + 30,
            behavior: 'smooth'
        });
    } else {
        window.scrollTo({
            top: $("#scrollme").offset().top + 30,
            behavior: 'smooth'
        });
    }
});