Javascript 单击带有hashtags的链接时跳到顶部+;文本
我有以下语法的链接:Javascript 单击带有hashtags的链接时跳到顶部+;文本,javascript,html,Javascript,Html,我有以下语法的链接: <div class="footer"> <a href="page#link1">Link 1</a> <a href="page#link2">Link 2</a> <a href="page#link3">Link 3</a> </div> 单击任何链接时,我应该如何使其滚动/跳转到顶部?您可以使用以下方法为要使滚动发生的所有元素设置单击事件处理程
<div class="footer">
<a href="page#link1">Link 1</a>
<a href="page#link2">Link 2</a>
<a href="page#link3">Link 3</a>
</div>
单击任何链接时,我应该如何使其滚动/跳转到顶部?您可以使用以下方法为要使滚动发生的所有元素设置单击事件处理程序:
<a href="#">Link 1</a>
//获取使用footer类的所有元素的节点列表
var footers=document.queryselectoral(“.footer”);
//循环遍历页脚,并为每个页脚设置一个单击事件处理程序
对于(变量i=0;i
问题是,您为什么要这样做?您基本上是在描述某种反/暗模式,因为在#
字符后面的字符串实际上告诉浏览器在页面加载时导航到ID与其匹配的元素(如果加载时存在所述元素)。如果要删除该行为,请从href
属性中删除URL散列。散列标签是一种指示纯文本中的术语应超链接到社交媒体网络上的搜索引擎的方法。它获取名称是因为它使用哈希字符作为前缀。请不要把散列字符的其他用法和散列标签混淆。什么是否定投票!!我需要URL结构,因为我使用的是引导选项卡,这就是它可以链接到各个选项卡的方式。我无法更改URL模式。@Terry OP从未表示她想要或正在使用href=#
方法作为最终解决方案。事实上,这就是问题的关键所在,找到一种不同/更好的方式来实现最终结果。在这种情况下,你的#2否决投票理由不适用。另外,引导的使用如何改变解决方案?这意味着你的#1否决投票理由可能也不适用。我怎么认为OP不想使用href=#
方法?问题清楚地表明OP已经知道href=#
有效,然后继续询问如何完成任务。谢谢!)我不知道为什么对我的问题投反对票。这是一个真正的问题。顺便说一句,它的工作,但这打破了我的引导标签!!是否有可能在某个div类中运行此脚本?其中3个链接位于