因为页面有点长，所以页面点位试了一下，可以的。页面定位，两种情况：1、a页面跳到b页面，滚动到页面的任何地方；2、在一个页面内由于页面太长，需要定位。
情况1：
首先在A页面创建一个锚点
<body><a href="b.html#pos" target="_blank">点击跳转</a><body>
然后在B页面定义这个锚点
立即学习“前端免费学习笔记（深入）”；
<body><div name="pos" id="pos"></div></body>
同时把name和id都写上这样兼容性好。
情况2：
1使用锚点 的方式
2jQuery的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); //0是代表移动的时间，1000代表1秒 } </script> <input type="button" value="点击button跳转" onclick="click_scroll();" /> <div id="pos">滚动到这里</div><body>3使用聚焦的方式，
<a href="javascript:void(0)" document.getElementById('abc').focus();">快速定位1</a> //让abc获取焦点4通过scrollIntoView方法来实现定位：
<a href="javascript:void(0)" onclick="document.getElementById('am').scrollIntoView();">快速定位1</a>5通过window.location.hash实现：
<a href="javascript:void(0)" onclick="window.location.hash='am'">快速定位2</a>
个人倾向与Jquery的aminate效果好！毕竟是可设动画的。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
170
