如何平滑滚动我？

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本机方法：

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'
        });
    }
});