jQuery滚动和锚点初始位置

巴坎先生

我正在使用此jQuery代码进行平滑滚动:

$(function() {
    $('a.page-scroll').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: ($($anchor.attr('href')).offset().top - 110)
        }, 1000, 'easeInOutExpo');
        event.preventDefault();
    });
});

我添加了-110偏移量以正确调整初始位置,并且可以正常工作,但是每次我尝试从外部链接访问锚点时,页面都会加载不同的偏移量值。请查看http://www.iscreatividad.com/clientes/msl/servicios.html#serv-planificacion,以清楚了解问题所在。如果单击第一个图标,它将自动调整,并且您将看到它的加载方式。

在此先感谢您的帮助。

前卫的

您是在单击锚点而不是在加载时应用自定义滚动事件,因此,当您加载带有ID的页面时,它会跳转到ID(这是默认行为)。

$(document).ready(function () {

    var hash = window.location.hash;
    scrollToElem(hash);

    $('a.page-scroll').on('click', function (event) {
        var $anchor = $(this);
        var href = $anchor.attr('href');
        scrollToElem(href);
        event.preventDefault();
    });
});

var scrollToElem = function (hash) {
    var target = hash;
    $('html, body').stop().animate({
        scrollTop: ($(hash).offset().top - 110)
    }, 1000, 'easeInOutExpo');
};

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery滚动不适用于锚点

来自分类Dev

QTextedit设置锚点并滚动到它

来自分类Dev

jQuery跳转到滚动锚

来自分类Dev

滚动到锚点的开头

来自分类Dev

滚动页面到锚点

来自分类Dev

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

来自分类Dev

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

来自分类Dev

显示/隐藏距页面顶部偏移/锚点/可变px高度的div-让jQuery读出“偏移/锚点”的位置

来自分类Dev

动画滚动脚本阻止从外部链接访问本地锚点位置

来自分类Dev

使用js滚动到锚点

来自分类Dev

使用Vue Router滚动到锚点

来自分类Dev

平滑滚动到锚点的问题

来自分类Dev

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

来自分类Dev

PHP:[[:<:]]和[[:>:]]锚点

来自分类Dev

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

来自分类Dev

jQuery滚动不适用于锚点

来自分类Dev

滚动到多个锚点

来自分类Dev

HTML锚点-位置错误

来自分类Dev

滚动到锚点的开头

来自分类Dev

Javascript锚点以均匀速度滚动

来自分类Dev

链接到不同页面上的锚点和scroolTo使用JQuery锚点

来自分类Dev

提交后自动滚动到锚点

来自分类Dev

jQuery平滑滚动锚点导航

来自分类Dev

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

来自分类Dev

jQuery滚动锚点无法正常工作

来自分类Dev

具有偏移量的平滑滚动锚点(jquery)

来自分类Dev

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

来自分类Dev

使用锚点,类和jQuery滚动

来自分类Dev

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