如何使用window.scroll在页面加载时自动滚动?

13
function Scrolldown() {
        window.scroll(0,300); 
    }

我如何使用此函数(或类似的函数),在页面加载时自动向下滚动?(不需要点击链接)

谢谢,

taylor

5个回答

14

试试这个:

function Scrolldown() {
     window.scroll(0,300); 
}

window.onload = Scrolldown;

Scrolldown函数不应该带括号。这会调用该函数并将其返回值赋给window.onload,而没有括号,则会将函数赋给window.onload,这才是你想要的。 - Casey Chu

8

您可以将所有JavaScript代码放在一个事件中。这将滚动到具有特定id的元素。

<body onload="window.location='#myID';">

4
你可以使用 window.onload
window.onload = Scrolldown;

我还想指出,您可以使用HTML锚点来指示要滚动到哪里,这样就不必硬编码像素值:

<div id="iWantToScrollHere" name="iWantToScrollHere">
    ...
</div>

这将使您的Scrolldown函数:

function Scrolldown() {
    window.location.hash = '#iWantToScrollHere';
}

0

你可以包含jQuery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

然后将你的滚动条包在一个准备好的文档函数中:

$(document).ready(function(){

window.scroll(0,300);

});

然后之后你就不需要做任何事情了。

:)


0

好的,又来了一个超级简单的脚本。

<script type="text/javascript">
window.onload = function(e){ 
    window.scrollBy(1,1);
}

对我来说,它效果最好。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接