平滑瞄点滚动

<a id="submit" href="#" page-scroll="#second">submit</a>
<div style="width: 100%;height: 100vh;background-color: red" id="first"></div>
<div style="width: 100%;height: 100vh;background-color: yellow" id="second"></div>
 $(document).ready(function() {
        $.scrollTo = function(selectDom,scrollTime){
            $(selectDom).click(function(){
                //获取要滚动到的节点
                var scrollToDom = $(this).attr("page-scroll");
                //添加动画
                $("html,body").animate({
                        //获取要滚动到的节点距文档(document)顶部的位置
                        scrollTop:$(scrollToDom).offset().top,
                    },
                    //定义动画执行的时间
                    scrollTime
                );
            });
        };
        $.scrollTo("#submit",1000);
    })
scroll.gif
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容