javascript - 放大时平滑自动滚动到底部 JavaScript

Question

我正在使用 WebBrowser 控件为 Windows 手机开发浏览器应用程序。我正在尝试使用以下代码实现自动滚动到底部。它工作正常但是当页面在条件检查中放大 document.body.scrollHeight

if (document.body.scrollHeight > (document.documentElement.scrollTop + window.innerHeight))

总是更大，导致函数被不停地调用，并且永远不会到达终止 clearTimeout(timeOutDown)。

var timeOutDown;
function scrollToBottom() 
{ 
    clearTimeout(timeOut);
    if (document.body.scrollHeight > (document.documentElement.scrollTop + window.innerHeight))
    {
         window.scrollBy(0, 100); 
         window.external.notify(String(window.innerHeight));
         timeOutDown=setTimeout('scrollToBottom()',10);
    }
     else 
    {
        clearTimeout(timeOutDown);
    }
}

考虑到用户可以放大/缩小页面，正确的做法是什么？

Answer 1

想通了，只需将 document.documentElement.scrollTop 替换为 window.pageYOffset 即可。所以条件语句变成了

if (document.body.scrollHeight > (window.pageYOffset + window.innerHeight))

这将处理缩放系数。