检测锚点是否链接到ID

user007

单击锚点时,我希望进行平滑滚动,但是首先,我想检查锚点链接是否链接到id如果只是散列,则不要滚动。

喜欢:

<a href="#">do not scroll</a>

<a href="#anyID">Yes do the scroll</a>

我当前的代码滚动单击每个仅具有哈希值的锚点。

请修复我的代码,以便如果锚点仅具有哈希值时它不会滚动

$('a[href^="#"]').click(function (e) {
    e.preventDefault();
    var target = this.hash;

    if (typeof($(target).offset()) != 'undefined') {
        $('html, body').animate({
            scrollTop: $(target).offset().top - 60
        }, 1000);
    }
});
费利克斯·克林(Felix Kling)

如果确定每个锚点都存在一个不仅仅包含哈希的元素,则可以将选择器更改为:

$('a[href^="#"][href!="#"]')

显式测试元素的存在也很不错。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

链接到锚点 ID 时删除移动菜单

来自分类Dev

链接到框架中的锚点

来自分类Dev

尝试将锚点标签链接到流星js中的div ID

来自分类Dev

将SVG多边形链接到锚点

来自分类Dev

覆盖角度ui-router以链接到页面锚点

来自分类Dev

链接到Laravel页面上的特定锚点

来自分类Dev

链接到Rails App中页面上的锚点

来自分类Dev

Markdown链接到Sphinx中的reStructuredText锚点

来自分类Dev

第一个锚点链接到#

来自分类Dev

链接到页面中间锚点的 CodeIgniter 控制器

来自分类Dev

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

来自分类Dev

jQuery平滑滚动,用于链接到1个锚点的许多链接

来自分类Dev

ID锚点问题

来自分类Dev

链接未引用锚点

来自分类Dev

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

来自分类Dev

重组文本链接到其他rst文件菜单的锚点

来自分类Dev

链接到页面锚点时,如何在其中调用JS代码?

来自分类Dev

HTML-链接到锚点,而页面不跳到顶部

来自分类Dev

链接到同一页面上的锚点减去一些像素

来自分类Dev

带锚点的文档之间的链接

来自分类Dev

在链接 codeigniter 中使用锚点

来自分类Dev

rails-链接到同一页面但具有锚点->不重新加载

来自分类Dev

在行上链接,并在行内的锚点上链接

来自分类Dev

无法成功托管云锚点并从谷歌云锚点 api 检索云锚点 ID

来自分类Dev

锚链接直接到锚偏移多个像素?

来自分类Dev

Safari在单击超链接时会忽略/删除锚点(或“标签”)?

来自分类Dev

强迫锚点链接的视频在iPad上全屏播放

来自分类Dev

将参数传递给具有锚点的链接

来自分类Dev

固定标头的偏移锚点,但保持永久链接不变

Related 相关文章

热门标签

归档