文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery平滑滚动在第一个锚点返回错误

问jQuery平滑滚动在第一个锚点返回错误
EN

Stack Overflow用户

提问于 2014-02-23 10:06:05

回答 1查看 692关注 0票数 0

我想使用平滑滚动转到我主页上的锚点。我使用下面的jQuery代码：

$(document).ready(function(){
    $('a').click(function(){
        $('html, body').animate({
            scrollTop: $($.attr(this, 'href')).offset().top
        }, 1000);
            return false;
    });
});

这是HTML代码：

<div id="menu">
        <div id="menu-contain">
            <ul>
                <li><a class="home" href="#">Home</a></li>
                <li><a class="about" href="#about">About</a></li>
                <li><a class="projects" href="#projects">Projects</a></li>
                <li><a class="contact" href="#contact">Contact</a></li>
            </ul>
        </div>
    </div>

这对除第一个锚之外的每个锚都很有效。如果我查看控制台，如果我单击第一个链接，则会出现错误：

Cannot read property 'top' of undefined

我找到了很多关于这个错误的线索，但我没有找到适合我的解决方案。

感谢您的建议:)

html

jquery

回答 1

Stack Overflow用户

发布于 2014-02-23 10:08:24

在使用目标元素之前，请检查它是否存在：

$('a').click(function(){
    var $target = $($.attr(this, 'href'));

    if ( ! $target.length ) return;

    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top
    }, 1000);

    return false;
});

你也应该在那里缓存你的选择器。See this thread for more details。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21963247

复制

相似问题

问jQuery平滑滚动在第一个锚点返回错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery平滑滚动在第一个锚点返回错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery平滑滚动在第一个锚点返回错误
EN