我们曾经使用#link转到页面上的所需部分。也可以使用animate
,scrollTop()
使滚动平滑。但是,如果#link(哈希链接)位于导航菜单上,则必须像example.com/pageslug/#sectionid
一样放置它,这样,如果我们在单独的页面上,它将把我们重定向到特定的页面。但是由于固定的导航菜单,这将从该部分隐藏了一些文本。
同样,如果我们使用animate
和scrollTop()
,则必须使用e.preventDefault()
,如果使用此选项,这将阻止页面重定向。
我的问题是如何使用animate
和scrollTop()
制作可点击的链接以及块#link。
我不知道这个问题是否正确,但是我已经尝试/搜索了很多,但是没有任何解决方案,所以我来到了这里。预先谢谢你。
为此,您可以在定位页面上使用动画功能,如果url中有ID部分,则该功能将运行。例如。定位网址为
example.com/pageslug/#sectionid.
在“ example.com/pageslug”页面上编写动画功能,如果要检查的条件是url,则包含节ID。如果存在部分ID,则将执行动画功能以显示该部分的内容。
它可以解决您的问题。
要禁用可行的链接,请使用href =“ javascript:void(0)”如果要使用动画和scrollTop,请使用href =“ javascript:void(0);”如果要转到页面中的特定部分,请在超链接中使用href =“#sectionid”