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

时间:2011-06-10 06:52:22

标签: javascript

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

如何使用此功能(或类似功能)在页面加载时自动向下滚动? (不点击链接)

此致

泰勒

5 个答案:

答案 0 :(得分:10)

尝试一下:

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

window.onload = Scrolldown;

答案 1 :(得分:6)

你可以在活动中包含所有的javascript。这将滚动到具有id的元素。

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

答案 2 :(得分:3)

您可以使用window.onload

window.onload = Scrolldown;

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

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

...这将使您的Scrolldown功能:

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

答案 3 :(得分:2)

你可以包括jquery:

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

然后将滚动的东西包装在文档就绪函数中:

$(document).ready(function(){

window.scroll(0,300);

});
之后,你不需要做任何事情。

:)

答案 4 :(得分:0)

嗯,另一个超级简单的脚本在这里,

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

对我来说效果最好。