设计策略 - 应用程序书签位置中的大型 HTML

Question

我编写的 Windows/iPhone/Android 应用程序主要在 HTML 容器视图中显示大型文档 (HTML)。

确定用户滚动到文档中的哪个位置以便当应用再次运行时，它会转到 HTML 文档中的那个位置，有什么好的策略？

我所有的软件都可以“听”javascript。

有没有办法在 HTML 页面中找到可见部分的位置？

伊恩

Answer 1

以下代码用于获取滚动位置：

var ScrollTop = document.body.scrollTop;

if (ScrollTop == 0)
{
    if (window.pageYOffset)
        ScrollTop = window.pageYOffset;
    else
        ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
}

要找到可视区域，还要考虑视口的尺寸。

如果您使用过 jQuery，您可以将处理程序绑定到滚动事件。

对于简单（非动态生成）页面，大多数网络浏览器会自动将用户返回到滚动位置。请注意，如果它是在 javascript 中完成的，则在您的代码执行之前可能会出现页面顶部的闪烁。