javascript - OnScrolling 新页面自动加载

Question

实际上我见过一个网站，在滚动时自动加载新页面并将其附加到旧页面。

不仅是页面，URL 也会在滚动时发生变化。

我完全不知道如何实现这个。这是我看过的网站 matt 。这里只要向下滚动，就会有一个无限滚动条的概念，而且URL地址栏会自动变化。

Answer 1

如果你想将动态内容从滚动上的某个数据库附加到现有页面，然后在滚动上进行 ajax 调用，并通过使用 throttle 函数限制调用次数，这将返回一个 ajax 调用的节流版本，即您的 ajax 调用最多只会在等待毫秒时间段内提供一次。

var myajax = _.throttle(/*your ajax call goes here*/, wait/*time in ms*/);

_.throttle() 是 underscore.js 库的一部分，如果你不想包含这个库，那么你可以使用我的 throttle 版本是，

function myThrottle(func, wait, leading) {
  var lastCall = 0, timeout = null,

  execute = function() {
    clearTimeout(timeout);
    timeout = null;
    func();
  };

  return function() {
    var currentTime = new Date().getTime();
    if (leading && (lastCall == 0 || (currentTime - lastCall) > wait)) {
      lastCall = currentTime;
      func();
    }

    else if (!leading && !timeout)
      timeout = setTimeout(execute, wait);
  };
}

此处第三个参数 leading if true than 将在等待持续时间的前缘进行调用，否则将在后缘进行进一步调用(默认行为)。