Javascript锚点以均匀速度滚动

安德鲁·莫里斯(Andrew Morris)

我有这部分代码,可以平滑滚动以定位到代码中的锚点(从技术上讲,不是我的代码,我正在修改模板),但是我的问题是,无论页面位于何处,它都需要1400ms的时间,所以顶部的速度很慢,但有些位置则更慢,它像石头一样掉落。是否可以读取ID标签的长度并更改持续时间,以便可以概括速度?

$(".menu a").click(function () {
    $("html, body").animate({
        scrollTop: $($(this).attr("href")).offset().top + "px"
    }, {
        duration: 1400,
        easing: "swing"
    });
    return false;
});
尼尔斯

您已经使用此代码获取了顶部的偏移量$($(this).attr("href")).offset().top

因此,您所需要做的就是计算速度,例如:

duration:  $($(this).attr("href")).offset().top / 2 // = 500px per second.

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery滚动不适用于锚点

来自分类Dev

QTextedit设置锚点并滚动到它

来自分类Dev

滚动到锚点的开头

来自分类Dev

使用Transition / CSS3滚动到锚点

来自分类Dev

滚动页面到锚点

来自分类Dev

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

来自分类Dev

如何在整个翻译动画中实现均匀速度?

来自分类Dev

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

来自分类Dev

使用js滚动到锚点

来自分类Dev

使用Vue Router滚动到锚点

来自分类Dev

JS平滑滚动不适用于附加锚点

来自分类Dev

平滑滚动到锚点的问题

来自分类Dev

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

来自分类Dev

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

来自分类Dev

jQuery滚动不适用于锚点

来自分类Dev

滚动到多个锚点

来自分类Dev

Javascript ScrollTo锚点

来自分类Dev

滚动到锚点的开头

来自分类Dev

在元素被隐藏/取消隐藏的函数中,使用javascript移动(而不滚动)至锚点

来自分类Dev

提交后自动滚动到锚点

来自分类Dev

jQuery滚动和锚点初始位置

来自分类Dev

Javascript动态锚点参数

来自分类Dev

锚点跳而不是平滑滚动

来自分类Dev

jQuery平滑滚动锚点导航

来自分类Dev

滚动到锚点后关闭导航栏

来自分类Dev

jQuery滚动锚点无法正常工作

来自分类Dev

锚点上的Javascript滚动不起作用

来自分类Dev

使用锚点,类和jQuery滚动

来自分类Dev

使用 Wordpress Visual Composer onclick javascript 操作按钮功能平滑锚点滚动