您的位置：首页 > Web前端 > JQuery

jquery滚动/跳转页面到指定位置的实现思路

2017-12-20 17:56 731 查看
还有一个方法通过jQuery的aminate动画方法也可以做，我贴出代码

<body>
<script type="text/javascript">
function click_scroll() {
var scroll_offset = $("#pos").offset(); //得到pos这个div层的offset，包含两个值，top和left
$("body,html").animate({
scrollTop:scroll_offset.top //让body的scrollTop等于pos的top，就实现了滚动
},0);
}
</script>

<input type="button" value="点击button跳转" onclick="click_scroll();" />...
这里是很多文字，把页面撑开，撑出滚动条
...
<div id="pos">滚动到这里</div>
隐藏之后滚动到这里
...
再加点文字
...
</body>

OK,成功！这个方法有个好处，就是控制滚动的速度，上面的蓝色的0就是控制速度的，0是立即的意思，那设为1000试试，
可以看到是慢慢的滚动到了pos，如果设为5000呢，就会更慢了。
为什么会这样呢？因为jQuery的animate本来就是做动画用的，更多功能可以详细研究了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  jquery
相关文章推荐
新的分享
章节导航