锚点（<a> ... </a>）是一个HTML元素，用于定义当前元素（锚点）和目标（URI）之间的链接。
如标题所述。我正在尝试偏移锚链接，因此它看起来距视口顶部 100 像素。 这是我到目前为止所尝试过的。 ：目标 { 显示：块； ...</desc> <question vote="1"> <p>正如标题所描述的。我正在尝试偏移锚链接，因此它看起来距视口顶部 100 像素。</p> <p>这是我到目前为止所尝试过的。</p> <pre><code><style> :target { display: block; position: relative; top: 100px; visibility: hidden; } </style> <a href="#01"> Go to link 01</a> <h2 id="01"> link 01</h2> </code></pre> <p>编辑:: 我想我错过了阅读我正在关注的在线教程。我也试过了，但还是不行。</p> <pre><code><style> :target { display: block; position: relative; top: 100px; margin: -100px 0; } </style> <a href="#01"> Go to link 01</a> <h2 id="01"> link 01</h2> </code></pre> </question> <answer tick="true" vote="4"> <p>这似乎有效。</p> <pre><code>:target:before { content: ""; display: block; height: 100px; margin: -100px 0 0; } </code></pre> </answer> <answer tick="false" vote="0"> <p>单击锚点后，CSS 将应用于 h2。这就是 :target css 的工作原理。 单击锚点后，您的代码将隐藏该元素。如果不需要，请将其删除。</p> <p>现在你的问题是让 H2 出现在标题下方。 为此，您需要添加绝对位置或固定位置（取决于您的最终 HTML），而不是相对位置。</p> <p>这是更新后的代码</p> <pre><code><style> :target{ display: block; position: absolute; top: 100px; } </style> </code></pre> </answer> <answer tick="false" vote="0"> <p>我会这样做：</p> <pre><code>:target { scroll-margin-top: 100px; } </code></pre> <p>当前接受的答案给我带来了 z-index 问题—— pseduo 元素重叠了它上面的链接，使它们无法点击。添加 z-index:-1 并没有解决我的情况。所以我尝试了一下，效果非常好。</p> </answer> </body></html>
假设我在同一个 git hub wiki 页面中有两个点，我们将其称为位置 1 和位置 2。 ＃＃标题 ###地点 1 您好，这是一些要填写的文字，[此处](place2)，是...
在嵌入 HTML 页面的 PDF 的新选项卡/窗口中打开锚链接
我正在使用 mPDF 通过 PHP 从 HTML 创建 PDF。 但是当我点击锚点时
我在 WinForms 和用户控件的大小调整方面遇到了很多困难。我们在自定义用户控件中有一个数据网格，其下方有一些按钮。 一切都正确锚定。就像……
在 solana-test-validator 中中止（核心转储）
我尝试了 solana-test-validator。 我收到以下错误消息。 “已中止（核心已转储）” 我该如何解决？ 操作系统：ubuntu 20.0.4（VMware） solana 版本：solana-cli 1.9.4 集群：本地主机
Power Automate：无法识别锚点，因此无法提取 href
所以我正在观看这个视频，并尝试在我的电力自动化空间中做类似的事情。但是，我无法获取 extract href 选项。 我已经尝试过很多次了，只有3个选项......
我的 Flask 服务器生成一个 HTML 文件，其中包含类似于以下内容的锚标记： 下载
使用锚点将 Solana 发送到程序帐户中的多个公钥的方法比我当前实现的方法更好吗？
这里是新的 Solana Anchor 开发人员，我有一个关于当前如何将 Sol 发送到程序中的多个钱包的问题。 目前我使用下面的代码两次，然后调用两个单独的
如何在Struts2中使用（锚标记）发送值？请给我一个例子，我知道我们可以使用 标签来实现这一点，但我希望使用锚标签。
我目前正在 Solana 区块链上使用 Anchor 框架，我想了解维护 Anchor 程序的最佳实践。具体来说，我对以下内容感兴趣
Android WebView 无法与基于锚链接（跳转链接）的 Wordpress 菜单配合使用
我正在开发一个简单的应用程序，它必须在网络视图中显示网站。网页端是在文字按下和按钮中构建的，假设打开菜单不起作用（它在普通浏览器中起作用）。 集装箱...
我正在开发一个 Next.js 项目，我正在尝试使用 URL 哈希导航到页面上 id='section' 的特定部分。 当我单击带有 href='#section' 的链接时，它会正确地滚动...
基本上我希望超链接能够跳转到nKs_0、#45或图片中列出的代码的任何其他部分。 HTLM代码 我寻找锚点，因为这是我的第一个解决方案...
在我的 Angular 应用程序中，我有很多按钮可以导航到不同的位置（导航栏等）。由于我有一个单页应用程序（SPA），这当然是由 Angular 模拟的。
我在元素上有一个锚点，可以使导航跳转到该点。然而，锚点将其直接捕捉到视口的顶部。由于做了固定导航，它现在隐藏在后面。 是...
如何使用 JavaScript 检查 URL 中的#hash？
我有一些 jQuery/JavaScript 代码，我只想在 URL 中存在哈希 (#) 锚链接时运行。如何使用 JavaScript 检查该字符？我需要一个简单的包罗万象的测试......
在与 <a href=""> 相同的页面上设置 <a id=""> 时遇到问题，因此我可以从另一个页面链接
我有一个包含 PDF 可下载链接类别的页面。每个类别的名称如下：，以便可以从另一个页面链接到它们。 我想我需要
我正在使用隐藏的锚点来取消对更改的引导选择，如下所示： HTML： 我正在使用隐藏的锚点来取消对更改的引导选择，如下所示： HTML： <select id="SelectAddress" name="SelectAddress" class="selectpicker" title="Select an address" data-header="Select an address"> <option id="1" value="1" selected >First address</option> <option id="2" value="2" >Second address</option> </select> jQuery： $("#SelectAddress").on("change", function() { //...mycode... $("#AFocus").focus(); }); $("#AFocus").focus(); 使选择选择器失去焦点，但它也使目标页面上升。 AFocus 位于页面顶部，所以... 如何在不使用像我的AFocus这样的锚标记而不滚动页面的情况下取消选择选择器的焦点？ 这是一个示例：http://jsfiddle.net/ya0o7hzb/向下滚动页面以查看 bootstrap-select。 bootstrap-select 将在 DOM 中添加一些 HTML，如下所示： <div class="btn-group bootstrap-select"> <button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" role="button" data-id="SelectAddress" title="Address 1" aria-expanded="false"> <span class="filter-option pull-left"> Address 1</span> <span class="bs-caret"> <span class="caret"> </span> </span> </button> <div class="dropdown-menu open" role="combobox" style="padding-top: 0px; max-height: 297px; overflow: hidden; min-height: 37px;"> <div class="popover-title"> <button type="button" class="close" aria-hidden="true"> ×</button> Select an address</div> <ul class="dropdown-menu inner" role="listbox" aria-expanded="false" style="max-height: 248px; overflow-y: auto; min-height: 0px;"> <li data-original-index="1" class="selected"> <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true"> <span class="text"> Address 1</span> <span class="glyphicon glyphicon-ok check-mark"> </span> </a> </li> <li data-original-index="2" class=""> <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"> <span class="text"> Address 2</span> <span class="glyphicon glyphicon-ok check-mark"> </span> </a> </li> </ul> </div> <select id="SelectAddress" name="SelectAddress" class="selectpicker" title="Select an address" data-header="Select an address" onchange="blur_picker('SelectAddress')" tabindex="-98"> <option class="bs-title-option" value=""> Select an address</option> 所以你必须blur()包含类btn的按钮： $(".btn").blur(); 工作示例：http://jsfiddle.net/93ohvn0j/ 试试这个。这可能会起作用。 <select id="SelectAddress" name="SelectAddress" class="selectpicker" title="Select an address" data-header="Select an address" onChange="blur_picker('SelectAddress')"> <option id="1" value="1" selected >First address</option> <option id="2" value="2" >Second address</option> function blur_picker ( element ) { element = document.getElementById(element); element.blur; } 希望这有帮助！
我真的很惊讶，到目前为止还没有关于这个话题的讨论 - 我找不到任何人问这个问题，但我们在这里。 如何处理拥有
所以，问题是：我有一个很长的页面，中间有一个 iframe。现在，如果在 iframe 中单击锚点，整个页面就会滚动到 iframe，这是我想避免的。 ...