php ob_flush：如何使浏览器窗口/页面随着输出向下滚动？

Question

搜索了很多，但找不到太多关于此的内容..

我有一个通过循环处理很多事情的页面，我把它放在了 php 页面的顶部：

ob_implicit_flush(true);
ob_end_flush();

这很高兴将循环抽出到我的浏览器窗口，但内容滚动到页面底部，我必须手动向下滚动。所以我的问题是：如何让页面或浏览器窗口随内容滚动？

我在某处使用 javascript setInterval 来开始和结束滚动可能会起到作用，听起来可能就是这种情况 - 只需让页面在脚本开头开始滚动并在脚本结束时结束......但我对 javascript 不太了解，所以希望有人能告诉我该怎么做？

我能想到的另一个解决方案是以某种方式让 javascript 强制关注特定元素类或正在生成的东西..但这似乎是一个潜在的笨拙选项..

任何快速提示都会很棒。

谢谢！

Answer 1

无需添加数千行代码，只需在输出顶部添加一个简短函数，并在末尾添加一行。这有效（在开头添加 html 并在结尾添加 /html 标记以使其美观；但不需要）：

<script>
var scroller = setInterval(function() {  
    window.scrollTo(0,document.body.scrollHeight);
}, 10); // update every 10 ms, change at will
</script>
<?php
// generate 1000 lines of html code
for($i=0; $i<1000; $i++){
    echo $i . "<br>";
    ob_flush(); // flush out the output as we go
    flush(); // same
    usleep(10000); // add some delay to see it in action  
}

?>

<script>
clearInterval(scroller); // stop updating so that you can scroll up 
</script>

Answer 2

使用这个javascript：

function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

document.documentElement.scrollTop = getDocHeight();

你可以简单地添加行

document.documentElement.scrollTop = getDocHeight();

为了更新滚动条而发送给客户的每一件...

或

将这行代码添加到输出的开头：

var scroller = setInterval(function() {  
    document.documentElement.scrollTop = getDocHeight();
}, 100 /*update intervall in ms*/);

这一行到你的输出结束：

clearInterval(scroller);