在单击时如何保持可用的LINK但禁用#LINK?

问题描述 投票:0回答:2

我们曾经使用#link转到页面上的所需部分。也可以使用animatescrollTop()使滚动平滑。但是,如果#link(哈希链接)位于导航菜单上,则必须像example.com/pageslug/#sectionid一样放置它,这样,如果我们在单独的页面上,它将把我们重定向到特定的页面。但是由于固定的导航菜单,这将从该部分隐藏了一些文本

同样,如果我们使用animatescrollTop(),则必须使用e.preventDefault(),如果使用此选项,这将阻止页面重定向。

我的问题是如何使用animatescrollTop()制作可点击的链接以及块#link。

我不知道这个问题是否正确,但是我已经尝试/搜索了很多,但是没有任何解决方案,所以我来到了这里。预先谢谢你。

javascript jquery jquery-animate scrolltop preventdefault
2个回答
0
投票

为此,您可以在定位页面上使用动画功能,如果url中有ID部分,则该功能将运行。例如。定位网址为

example.com/pageslug/#sectionid.

在“ example.com/pageslug”页面上编写动画功能,如果要检查的条件是url,则包含节ID。如果存在部分ID,则将执行动画功能以显示该部分的内容。

它可以解决您的问题。


0
投票

要禁用可行的链接,请使用href =“ javascript:void(0)”如果要使用动画和scrollTop,请使用href =“ javascript:void(0);”如果要转到页面中的特定部分,请在超链接中使用href =“#sectionid”

© www.soinside.com 2019 - 2024. All rights reserved.