Question

有人知道为什么滚动条滚动到y位置不起作用？下面的代码非常简单。在JSFiddle中它工作正常。我认为没有任何理由不起作用。滚动条出现但仍位于顶部： - （

<script>
 window.scrollTo(50,100);
</script>

<body>
    <div style="width:200px; height:1500px;background-color:blue;">
        hello
    </div>
</body>

Answer 1

您需要将脚本块放在div下面，并将scrollTo附加到windows onload事件，以便向下滚动页面加载。

试试这个：

<body>
    <div id="div1" style="width:200px; height:1500px;background-color:blue;">
        hello
    </div>
    <script>
        window.onload = function() { window.scrollTo(50,100); };
    </script>
</body>

Answer 2

必须在创建所有DOM元素后执行脚本，因此对javascript使用window.onload方法，对jQuery使用$（document）.ready（）

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>

    <script>
        window.onload = function () {
            window.scrollTo(50, 100);
        }
    </script>
</head>
<body>
    <div style="width:200px; height:1500px;background-color:blue;">
        hello
    </div>
</body>
</html>

JavaScript滚动到y位置

2 个答案: