HTML 文档之间的多向滚动

multi directional scrolling between html documents

本文关键字：滚动 文档 之间 HTML      更新时间：2023-09-26

我一直在玩jquery的多向滚动。我发现这是浏览网站的绝佳方式，但它有一个缺点。浏览器需要一次加载所有网站内容，因为它位于一个 html 文档中。

现在我一直在寻找一种在不同 html 文档之间进行这种出色滚动的方法，但没有成功。因此，与其在div 之间滚动，我想知道是否可以在 html 文档之间滚动。这可能吗？

这在客户端和服务器之间的请求/响应事务的正常意义上是不可能的 - 只有浏览器才能在此页面更改级别上对更改进行动画处理。还有其他一些选择：

  1. 当您向下滚动到一侧时，使用 JS 将浏览器（带有一些哈希标记或查询字符串以获取信息）重定向到下一页。加载下一页时，应用动画，使其看起来像已滚动到。这有一个令人讨厌的缺点，即页面过渡之间有延迟。
  2. 使用 AJAX，因此，当您滚动时，内容会异步加载到页面中。然后，一旦加载，您就不必担心它。这类似于Google或Bing在图像搜索中滚动浏览图像时所做的。这样做的优点是只加载您需要的内容。
对于 AJAX

加载，jQuery 的 AJAX 方法非常有用： http://api.jquery.com/jQuery.ajax/只需传入 URL、您想要的任何信息和回调即可。在回调中，将响应数据加载到空div或任意位置。像这个例子，取自jQuery的网站：

    $.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});

有两种方法可以完成此操作。

  • 使用内嵌框架。 这显然不是最好的选择。
  • 第二种是使 DIV 中的所有链接都使用 ajax 并将内容加载到 DIV 中。 基本上，修改所有链接，使其实际上不会转到任何地方，而是在页面上动态加载到相应的 DIV 中。

是的，如果您将其他 html 页面预加载到divs 或 iframe（例如）。

相关文章：