页面加载时自动滚动到指定位置！如何做

Posted 2023-04-13

效果页面如：http://news.qq.com/a/20110716/000250.htm，打开页面的时候，就自动到内容的那个位置上！要在内容还没加载完的情况下。

http://www.dearboy.net/LvMsg.aspx
来看看我的这个页面吧，先看看效果，点击一下“顶部”试试。

使用JQuery的animate函数轻松搞定。
<script type="javascript">
$(document).ready(function ()
$(".a_top").click(function () $("html,body").animate( scrollTop: 0 , 1500); );
);
</script>

当然了，你是想让页面加载完成后自动滚动，这个也灰常简单！稍作修改就可以达到效果。
<script type="javascript">
$(document).ready(function ()
$("html,body").animate( scrollTop: 0 , 1500); );
</script>
仅此一行关键代码，轻松搞定页面完美流畅滑动效果。追问

只能是全部加载完成后才能滚动的么？？

参考资料：编程小技 无需参考

参考技术A http://news.qq.com/a/20110716/000250.htm#p=1

http://news.qq.com/a/20110716/000250.htm#p=2
在这里面控制着，看明白没有#p=1你可以在你想要给用户看的地方加上类似#p=2这样的代码，一个页面可以加多个，但是数字不能重复。你要给用户看第一段，就用1.要给用户看第二段，就用2
我的QQ279390809

js进入页面时设置滚动条滚动到某个元素的位置

参考技术A <script>
window.onload = function ()
// 获取参数
function GetQueryValue1(queryName)
var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return decodeURI(r[2]);