html 文档之间的多向滚动

Question

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

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

Answer 1

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

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.');
  }
});

Answer 2

有两种方法可以实现这一目标。

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

Answer 3

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