在以下位置之间自动滚动到最接近的锚点

塞姆

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

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

n1ru4l

我一起乱搞了一个小提琴,其行为类似于您提到的页面。

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

$.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/

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

提交后自动滚动到锚点

来自分类Dev

滚动到固定标题的锚点位置

来自分类Dev

jQuery滚动到锚点页面上的位置

来自分类Dev

滚动到锚点的开头

来自分类Dev

滚动到多个锚点

来自分类Dev

滚动到锚点的开头

来自分类Dev

自动HTML页面刷新以保持滚动位置,并使用锚点

来自分类Dev

QTextedit设置锚点并滚动到它

来自分类Dev

使用js滚动到锚点

来自分类Dev

使用Vue Router滚动到锚点

来自分类Dev

平滑滚动到锚点的问题

来自分类Dev

UITableView滚动到最接近今天的日期的部分

来自分类Dev

UITableView滚动到最接近今天的日期的部分

来自分类Dev

jQuery滚动和锚点初始位置

来自分类Dev

jQuery当前位置和滚动位置之间的区别

来自分类Dev

将滚动位置调整到最接近的div

来自分类Dev

使用Transition / CSS3滚动到锚点

来自分类Dev

更改“滚动到锚点”偏移量-jQuery

来自分类Dev

滚动到锚点时是否可以运行jQuery代码?

来自分类Dev

滚动到锚点后关闭导航栏

来自分类Dev

使用ajax加载页面并滚动到加载的页面锚点

来自分类Dev

使用 jQuery 隐藏 Div 和滚动到锚点

来自分类Dev

获取两个位置之间的路线点

来自分类Dev

位置之间的仰角

来自分类Dev

寻找最接近点的向量

来自分类Dev

如果用户5秒钟内没有滚动,如何平滑滚动到锚点?

来自分类Dev

RMarkdown自动锚点

来自分类Dev

Swift:自动向下滚动到UIWebView上的某个点

来自分类Dev

jQuery-将元素滚动到屏幕中间,而不是通过锚点链接到顶部