<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
网友评论