html自动到最底,html页面一键滑到最底端或最顶端

//去顶部图片按钮

//去底部图片按钮

function goToBottom() {

$("html,body").animate({scrollTop: $("#J_footer").offset().top}, 300);//定位到 id为J_footer的地方，后面的300是3秒滑到定位处

}

function goToTop() {

$("html,body").animate({scrollTop: $("#J_top").offset().top}, 300);//定位到 id为J_top的地方，后面的300是3秒滑到定位处

}

//按钮样式

#J_to_bottom{display: inline-block;width: 45px;border-radius: 50%;position: fixed;bottom: 10%;right: 5%;}

#J_to_bottom img{width: 45px;border-radius: 50%}

#J_to_top{display: inline-block;width: 45px;border-radius: 50%;position: fixed;bottom: 20%;right: 5%;}

#J_to_top img{width: 45px;border-radius: 50%}

付图标两个