网址问题中的#NaN

时间:2018-08-17 09:49:25

标签: javascript jquery html5


我正在尝试向我的网站添加平滑的向下滚动功能,以便当用户单击另一个页面上的锚标记时,它将链接/发送用户到另一个页面并向下滚动到指定的div。该代码可以正确执行,但是/#NaN出现在网址末尾。

我的jQuery:

jQuery(document).ready(function () {
    // run on DOM ready
    // grab target from URL hash (i.e. www.example.com/page-a.html#target-name)

    var target = window.location.hash;

    // only try to scroll to offset if target has been set in location hash

    if (target != '') {
        $('.introsection').hide(0);
        $('#swipe-down').hide(0);
        $('body').css('overflowY', 'scroll');
        $('#home-mobile-nav').css('position', 'fixed');
        $('#home').css('margin-top', '0');
        var $target = jQuery(target);
        jQuery('html, body').stop().animate({
                'scrollTop': $target.offset().top - 150
            }, // set offset value here i.e. 50
            2000,
            'swing',
            function () {
                window.location.hash = target - 40;
            });
    }
});

在控制台中出现此错误,但我不知道如何解决此问题。 enter image description here

0 个答案:

没有答案