需求描述
点击按钮,页面需要滚动到指定div位置。
解决方法
给按钮绑定点击事件,在点击方法中设置要滚动到的 div 的 id 就可以实现该功能。
<input type="button" name="Submit" value="查看更多" onclick="onTopClick()" />
<div id="part_2">跳转到的位置</div>
<script>
function onTopClick() {
// 方法一
window.location.hash = "#part_2"; //次方法没有滚动效果
// 方法二
$("html,body").stop(true);$("html,body").animate({scrollTop: $("#part_2").offset().top}, 1000);
}
</script>
阅读原文