页面加载时自动滚动到底部

时间:2015-03-26 23:57:53

标签: javascript php html

我有一个php脚本,在脚本继续运行时显示其操作的日志。日志变得非常长,直到它将信息回显到页面底部,向页面添加滚动条。

如果我想查看日志的其余部分,我必须手动向下滚动。我可以让页面说... process.php#bottom但我不能在每个日志项之后插入<a name="bottom" />并期望浏览器继续跳到底部,是吗? / p>

是否存在javascript函数或其他简单方法,只要不是这样,它就会自动将页面滚动到底部?

我不介意它是否会覆盖用户的滚动功能,因为无论如何,脚本会在3秒后重定向回主脚本。

如果你只有指针,我不一定需要一个完整的脚本,但那些提供完整工作脚本的人显然会接受那些只是指点的人的答案。

如果您不知道日志的含义,可以使用以下脚本来模拟我的脚本所做的事情:

<?php
for( $iLineNumber=0 ; $iLineNumber <100 ; $iLineNumber++ )
{
    echo $iLineNumber , ' - This is a test. <br />';
    sleep(1);
}
?>

基本上,当脚本每秒加载和休眠时,当它到达页面底部时,它应该每秒自动向下滚动。

4 个答案:

答案 0 :(得分:8)

每隔5秒,它会将页面滚动到页面底部。

function autoScrolling() {
   window.scrollTo(0,document.body.scrollHeight);
}

setInterval(autoScrolling, 5000); 
// adjust the time limit based on the frequency log gets updated
  <html>
   <body>
      <script type="text/javascript">
         setInterval(function() {
            document.body.innerHTML += "<p>New log</p><br>"
         }, 5000);
      </script>
   </body>
  </html>

答案 1 :(得分:6)

这有效:

<script>

    setTimeout(printSomething, 1000);

    function printSomething(){
        for(var i=0; i<10; i++){
            document.write("Hello World\n");
            document.write("<br>");
        }
        window.scrollTo(0,document.body.scrollHeight);
        setTimeout(printSomething, 1000);
    }
</script>

答案 2 :(得分:2)

我认为您正在寻找的是:http://www.w3schools.com/jsref/met_win_scrollto.asp

然后,与此结合使用:http://www.w3schools.com/jsref/prop_element_scrollheight.asp

你可以做类似的事情:

    function scrollToBottom{
         window.scrollTo(0, document.body.scrollHeight);
    }

答案 3 :(得分:1)

function fun()
{
 $("div").scrollTop(50);
}

现在使用

<body onload="fun">