锚定标签在切换div中不起作用
是因为锚点链接是基于页面的URL来定位的，而切换div并不会改变页面的URL。当我们点击一个带有锚点链接的标签时，浏览器会尝试滚动页面以使目标元素可见。但是在切换div时，页面的URL并没有改变，所以浏览器无法正确地定位到目标元素。
解决这个问题的方法是使用JavaScript来实现切换div的功能，并在切换完成后通过修改页面的URL来更新锚点。具体的实现方式可以是通过添加事件监听器，在切换div时触发相应的事件来更新URL。
另外，还可以考虑使用一些前端框架或库来简化这个过程，例如React、Vue等。这些框架通常提供了路由功能，可以方便地管理页面的URL和组件的切换，并且可以与锚点链接结合使用。
在腾讯云的产品中，推荐使用腾讯云的云服务器（CVM）来搭建网站或应用程序。云服务器提供了稳定可靠的计算资源，可以满足各种规模的应用需求。您可以通过以下链接了解更多关于腾讯云云服务器的信息：
腾讯云云服务器产品介绍：https://cloud.tencent.com/product/cvm
腾讯云云服务器文档：https://cloud.tencent.com/document/product/213
腾讯云还提供了丰富的云计算解决方案，包括云原生、人工智能、物联网等。您可以根据具体的需求选择相应的产品和服务。
相关·内容
1回答
为什么锚定标记不起作用？我有两个div。当我点击第一个div时，显示了第二个div，但第一个div中的锚定标记不起作用。id="trips"> <div class="flight-row-main more">
浏览 15提问于2017-03-03得票数 1
1回答
当我发送邮件时，锚定标签在hotmail中不起作用。
<p><?= Html::a(Html::encode($link), $link) ?
浏览 0提问于2017-04-13得票数 2
1回答
data-toggle="true" > Follow </a>
PHP正与此一起使用，此按钮适用于除iphone中safari之外的所有设备中的所有浏览器。
浏览 16提问于2017-07-05得票数 1
回答已采纳
我有一个带有'header‘类的div，它的z索引值为1。在这个div之后，我有一个锚标签中的logo的div。但问题是，我没有得到任何指针光标的'logo‘。我的.header代码如下： z-index:1;下面是我得到的结果：
只需去掉我为z-index提供的css部件中的注释。您将能够再次单击该徽标。有没有办法让锚定标签在“header”上的z索引值为1的情况下工作？
浏览 1提问于2013-01-10得票数 1
回答已采纳
Html.fromHtml(mailBody));* EXTRA_TEXT中的mailBody是带有<a>标签和字符串消息的HTML内容
它与Gmail应用程序完美配合，但锚定标签在三星设备的本地电子邮件客户端中不起作用。
浏览 1提问于2016-05-04得票数 1
class="lines exp"><a href="services.html#sc">Service C</a></li>在这些链接的"services.html“目标页面上，有一系列与上述锚定链接对应的切换样式</p>最终目标是让页脚链接使用模拟的单击事件激活它们的目标“切换触发器”div，这将
浏览 2提问于2013-09-19得票数 2
回答已采纳
1回答
我正在为可穿戴设备创建一个Tizen Web App，我想路由到单独页面上的某个点，但锚标签似乎不起作用。他们会把我转到页面，但只会转到页面顶部。我已经尝试了这3个选项，第一个选项将我带到页面的顶部，无论标签往下走多远，而其他两个选项根本不起作用。<div class="ui-page ui-page-active" id="main"> <ul class=&qu
浏览 8提问于2019-12-06得票数 0
回答已采纳
2回答
锚定标签不能在IE6中打开。documents/reports/2010-01-31.pdf" target="_blank" class="documentLink">Work Report</a>
它可以在除IE6以外的所有浏览器中工作我不明白为什么它不能在IE6中工作。
浏览 1提问于2010-11-29得票数 0
嗨，我需要在div标签之间切换，我不知道问题出在哪里……网站是XHTML严格的.，我需要切换...我使用了这篇文章中的代码，但是没有成功...</a></li><div id="content1" class="content"><div class="scroller">ahojjjj</
浏览 3提问于2012-12-13得票数 1
回答已采纳
1回答
我正在使用react-transition-group的标签在使用react-router-v4的路由之间创建动画。我使用标签在我的代码中根据状态的变化在路由之间切换。我试图通过在React Transition Group站点上关注这个页面来解决这个问题： unmountOnExit
浏览 11提问于2019-07-25得票数 2
5回答
我目前依靠锚定标签在我的web应用程序上执行AJAX请求(使用jQuery)。</a>然而，如果用户在浏览器中禁用了javascript，那么这些锚标签就会变得毫无用处。处理这些锚标签优雅退化的最好方法是什么？我唯一的选择是将它们全部切换到form标签中的按钮吗？
浏览 3提问于2009-01-21得票数 1
回答已采纳
在黑客马拉松中工作，我们的手机模型出现了问题。我们希望将文本流锚定到底部:这似乎是position的一个很好的机会: absolute...right？好吧，这样我们的滚动就不起作用了。现在，它锚定在顶部，相对定位，并且滚动可以工作。 <div class="convoPhone">
浏览 3提问于2012-10-21得票数 0
回答已采纳
这对我来说似乎真的很愚蠢，但是如果你不能让Bootstrap 3的按钮组链接起来，那它们又有什么意义呢？
<button type="button" class="btn btn-lg btn-success" href="add.php"></button><button type="button" class="
浏览 0提问于2015-02-05得票数 10
回答已采纳
1回答
我的条件标签在博客帖子中不起作用让我们举个例子我的网站url是这样的 Example.com/p/post.html 这里我想展示一下英文内容 但是当URL切换到这个地址时 Example.com/phl=hi 我想在帖子中显示其他内容 我设置了条件，当URL在上面时，显示content1，如果URL是second，则显示content2 我在我的帖子中使用的条件是 <b:if cond='datahl=hi"'>
<<e
浏览 16提问于2021-11-21得票数 1
在ColdFusion网站上，当我使用CFIMAGE在内存中创建图像时-准确地说，是验证码图像-它是不可见的。我已经尝试在IIS的默认网站中添加一个虚拟目录，以及在ColdFusion管理器中添加一个映射，但都不起作用。谢谢。
浏览 1提问于2010-07-13得票数 0
2回答
我想在我的页面上使用标签，点击每个标签可以切换两个窗格，而不是只切换一个。因为ID应该是唯一的，所以我不能在我的窗格和选项卡上使用ID。但是仅仅把href和标签内容改成classes是行不通的。然而，我的标签在IE6-7中根本不起作用，所以我正在考虑尝试使用jquery ui标签来代替，但这不起作用。
浏览 0提问于2012-05-16得票数 1
回答已采纳
示例HTML：<div class="listItem"><a href="this-is/a-dummy-url-extension">int page = 1;
Pattern p = Pattern.compile("page\">" + page + "</<em
浏览 0提问于2014-04-22得票数 0
2回答
我在下面的bootstrap中做了一个切换。如果只是使用<script src>标记将angular添加到标头，则切换不起作用 <ahref="javascript:;" class="dropdown-toggle">
<i class="icon-logout"
浏览 24提问于2017-03-14得票数 0
我遇到的问题与下面的链接相同，其中有一个粘性的标题，点击锚标签会导致锚将我已经锚定的东西放在粘性标头后面。我在找一个解决这个问题的非JS解决方案。<a href="#first"> </a><a class="anchor" id="first"> </a>.anchor {display: b
浏览 7提问于2014-12-15得票数 1
回答已采纳
我们正在使用DIV Worker版本5从iText代码片段生成Text1，但是它似乎不支持DIV包装。你知道为什么DIV标签在上面的代码片段中不起作用吗？我有如下的HTML代码片段 <HTML> <DIV> <SPAN>--- this text is missing in pdf
浏览 14提问于2019-04-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
