Question

javascript:window.scrollTo 网页跳转 书签

小白求问！

您好，我知道
在书签地址栏添加javascript:window.scrollTo(0,0)会到页首
在书签地址栏添加javascript:window.scrollTo(0,document.body.scrollHeight-480)会到页底。

请问scrollTo后面括号中应该添加什么，才能跳到特定位置，某个特定位置是否有scrollHeight，如果有，要如何查看？

Answer 1

scrollTo是跳转到指定位置，括号里是位置的坐标

比如：

// 将0,200尽可能的滚动到左上角
window.scrollTo(0,200);

document.body.scrollHeight是表示body标签最大可以滚动到的坐标

所以其实“某个特定位置是否有scrollHeight”这种说法是错误的

要跳转到指定位置，就在scrollTo的参数中填写坐标就行了

详细解释见：http://www.w3school.com.cn/jsref/met_win_scrollto.asp

追问

谢谢，请问这个坐标要如何获取呢？

追答

手动指定
如果你说的是指定元素的坐标，参见body的用法
比如要滚动至id为sss的元素
window.scrollTo(0,document.getElementById("sss").scrollHeight);
至于document.getElementById的用法，建议了解下HTML DOM相关的知识，还需要自己去了解下，因为只在这里是说不完的

Answer 2

<script>
var arr = new Object();
//循环输出100个div块
for(var i=0;i<100;i++){
    document.write('<div id="'+i+'">'+i+'</div>');
}
//获取id=50的div的y坐标
var y = document.getElementById('50').offsetTop;
//获取id=50的div的x坐标
var x = document.getElementById('50').offsetTop;
//窗口滚动到id=90的位置
window.scrollTo(x,y)
</script>