两者之间自动滚动到最近的锚点

时间:2016-09-20 07:07:06

标签: jquery html scroll anchor

我正在寻找一个自动滚动到最近锚点的脚本,例如在页面之间。

就像在这个网站上http://cihadturhan.com/

一样

1 个答案:

答案 0 :(得分:-1)

我把一个小提琴拼凑在一起,其行为与你提到的页面相似。

我使用以下代码段来检查滚动事件何时结束:

$.fn.scrollStopped = function(callback) {
  var that = this
  var $this = $(that);
  $this.scroll(function(ev) {
    clearTimeout($this.data('scrollTimeout'));
    $this.data('scrollTimeout', setTimeout(callback.bind(that), 250, ev));
  });
};

然后我将这些部分的偏移与窗口偏移进行比较(以便找到最接近的部分)。

以下是演示:

https://jsfiddle.net/cz8gz8cd/

(代码可能需要一些改进)