1回答
避免固定报头的锚定标签
、、、
我有一个97px的固定标题。我还设置了锚标记，跳转到页面的每个部分。我的网页的布局方式，锚点标签跳转到正确的地方，页面的标题隐藏在固定的标题后面。
为了让它以我想要的方式工作，锚标签需要从它们当前跳跃的地方跳到-97px？
我如何才能做到这一点？
我的href跳转到标记的示例如下：
<a href="#contact">Contact</a>
<a id="contact"name="contact"></a>
浏览 1提问于2015-02-06得票数 0
我知道在博客帖子中添加锚点html链接是可能的：
<a href="#test">Test</a>
<a name="test">Test</a>
这也行得通。
我想应用锚定html也在标签，但当我添加#标签博客转换#在%23的url地址，所以锚链接没有任何技巧或解决方案？
浏览 13提问于2017-08-30得票数 0
回答已采纳
2回答
我有一个小的代码片段来产生一个平滑的滚动到锚定标签，然后再回来。我的网站设计有一个高度为170px的固定标题。因此，为了弥补这一点，java被修改如下。
var jump=function(e)
{
e.preventDefault();
var target = $(this).attr("href");
$('html,body').animate(
{
scrollTop: $(target).offset().top-170 // modification
},1000,function()
{
浏览 0提问于2011-05-19得票数 1
1回答
我知道这个问题在stackoverflow上已经有了，我也有我的解决方案。但它仍然有一个小问题。
我有一个小的子菜单，这是固定在顶部，所以当我点击一个锚链接，我想在子菜单之后的锚。
首先是我的代码，这在大多数情况下都是有效的：
function offsetSubmenu() {
if(location.hash.length !== 0) {
window.scrollTo(window.scrollX, window.scrollY - submenuHeight);
}
}
$(window).on("hashchange", functi
浏览 1提问于2015-01-09得票数 0
2回答
我的网站上有以下链接：
<a href="/pages/getting-started-step-2-of-5" title="Next Step">
<span style="text-decoration: underline;">Next Step</span>
</a>
它工作得很好，但是，是否可以更改它，以便当单击链接并打开新页面时，它不会自动滚动到页面顶部？也就是说，新页面的位置与上一页相同？
浏览 0提问于2013-11-02得票数 1
我经常在其他网站和教程中看到，当一个锚不仅仅是一个链接时，它通常有一个标签(#)作为href属性的值。我正在一个项目的列表中创建一系列列表，我自己也想这么做，但我担心这可能会使团队中的其他开发人员正在工作的系统复杂化，即此标签在单击后出现在地址栏中。
以这种方式使href无效有什么缺点吗？我假设这不是因为这个方法的流行使用，但是有没有可能散列标签会弄乱一个使用GET的函数
浏览 0提问于2013-06-28得票数 4
回答已采纳
2回答
如何引用HTML锚点
、、、、
我通过loadHTMLString将一串超文本标记语言加载到UIWebView中。它会产生一个非常长的网页。加载该字符串后，我需要导航到设置了"name“属性的HTML锚标记。在HTML中，我可能有：
//3 pages of text here
<a name="go here"></a> lots more text here
//another 3 pages of text here
我需要的网页滚动到“转到这里”一旦加载。如果用户单击网页内部的链接并加载外部URL，则映射工作得很好。但在这种情况下，我首先需要向下滚动一个已经加载的网页。
浏览 4提问于2009-04-17得票数 4
回答已采纳
我通过URL保存一些数据，其中一个数据元素是文本。我希望能够保存和存储的笔记上的标签。例如，我希望能够保存“我相信#yolo"，但当我保存它(通过php)，并使用javascript再次检索它时，我得到的是”我相信“。不管怎样，我能把那#yolo拿回来吗？我试过使用str_replace，但我可能把正则表达式弄错了。
谢谢你的帮助！
function dropsuccess() {
answerArray = [];
answerArray.id = Math.round(new Date().getTime() / 1000);
浏览 0提问于2013-01-28得票数 1
回答已采纳
1回答
URL中的锚点问题
、、、、
在我的URL中，Anchor不起作用。我认为问题在于第一个标签正在摧毁第二个标签。以下是一个示例链接：
www.mywebsite.com/de/topic.html?#tab=tab1#anchor
标签是一个标签组件上，我想有直接的链接。对于每个Tab，我都有自己的值(本例中为tab1)。它只能通过标签被选中，所以我的锚点不工作。不幸的是，无法编辑Tabcomponent。
有没有可能替换第一个标签？或任何其他解决方案？
浏览 1提问于2017-09-05得票数 1
有没有办法在没有JavaScript的情况下自动聚焦到<a>元素上？我找到了一个包含JS的答案here，但我想在我的网站上最小化JS的数量。
浏览 13提问于2019-03-08得票数 1
回答已采纳
2回答
为了完美地描述这个问题，请看(在火狐中，我的version=3.0.10!!)：当你点击文件夹时，滚动条显然会跳到底部？
在Safari，Opera，它不会，它停留在顶部，这是我想要的。
有解决办法吗?或者如何解决这个问题？
浏览 0提问于2010-11-17得票数 0
5回答
我正在尝试在Next.js中使用锚点标记
当我设置它并单击链接时，我没有得到任何控制台错误，但是页面不会跳到id标记。
github上的这个表明，人们需要找出许多自定义代码来使用锚点。这是不对的。
我有：
const links = [
{ label: 'Solutions', href: '#solutions', id: 'solutions' },
]
<NavLink.Desktop key={index} href={link.href} id={link.id}>
{li
浏览 1提问于2021-08-10得票数 4
4回答
我已经用表格(:sad face:)写了一封超文本标记语言的电子邮件，它在使用I的“通过电子邮件发送->页面”时显示得很完美。我的问题是我的跳转链接
<a href="#jumplink">Go to the jump link</a>
不再起作用，你只需打开我发送的页面的完整URL。我查看了跳转链接有效的电子邮件源，我看到跳转链接看起来像这样
<a href="BLOCKED::#wordtag">Word generated jump link</a>
我试着添加这个，但我仍然是IE打开，它现在是
你知
浏览 36提问于2010-08-06得票数 1
回答已采纳
我有如下所示的标记：
<dl class="synthModels">
<a href="#" class="soundTest">
<dt><span>Bass Drum</span></dt>
<dd>Bass drum description.</dd>
</a>
<a href="#" class="soundTest">
浏览 3提问于2013-06-12得票数 2
有没有任何方法可以从外部链接直接跳转到特定的区段？目前，我有一个与锚链接，但fullpage.js加载页面，然后滚动到锚。我想“直接”跳到指定的锚上。
浏览 5提问于2014-07-16得票数 2
1回答
我需要滚动到ajax加载的项目，但加载内容后，什么也没有发生，页面总是在顶部。当我单击刷新按钮(页面使用内容缓存动态重新加载)时，页面滚动到指定的目标。
var startPageLoader = function( pid, sid, url ) {
loader( 'show' );
$.ajax( {
url : cCore.Settings[ 'url' ] + '/page/',
method : 'POST',
浏览 0提问于2015-08-24得票数 0
最近我尝试更频繁地使用jquery，现在我有一些问题想用jquery来解决，希望你能帮助我。
我有一些网页，其中包括一些锚标签(假设锚位于页面的中间)，在事件onload上，我希望页面从那个特定的锚标签位置开始，这意味着页面将自动“滚动”到某个位置。
这就是我之前的解决方案(非常难看，因为它将#i添加到我的url中)
window.onload = window.location.hash = 'i';
不管怎样，你能告诉我怎么用jquery做吗？
注意:我不希望用户在到达此位置时感觉到任何滑动或效果
浏览 65提问于2012-03-18得票数 26
回答已采纳
我试图向下滚动到带有偏移量的锚点标签的位置，但遇到了问题。我得到了这个：
$('#about-menu > li > a').click(function(){
var anchor = $(this).attr('href');
var position = anchor.offset();
$(document).scrollTop(position - 100);
});
但在控制台中，我得到了：
Uncaught TypeError: Object #meet has no method 'offset'
浏览 2提问于2013-06-06得票数 1
在我的页面上，我添加了一些javascript，这样当它们被点击时，页面会加载标签的锚点URL，而不是简单地用AJAX改变视图，但我现在想停止浏览器自动滚动到锚点位置。
在做了一些研究后，我非常确定我只需要添加几行代码，这样当单击它时，它将返回false或防止默认，但是，作为一个菜鸟，我不知道把它们放在哪里！？！
我知道这是厚颜无耻的，但如果任何答案可以包括完整的脚本(即。下面)有了解决方案，这样我就能更好地理解，希望也能学到一些有价值的经验教训:)
下面是我使用的代码：
jQuery( function() {
jQuery('.ui-tabs').bind( '
浏览 0提问于2012-11-30得票数 1
回答已采纳
3回答
我有一个很长的页面，看起来像这样
<h2 id="chapter55">Chapter 55</chapter>
我像这样链接到它：page.html#chapter55，令人惊讶的是，它直接跳到了55章。
这是一个惊喜，因为我不知道你可以锚定任何标签，我以为只有<a...标签可以锚定。
我可以相信这会起作用吗？这是一个标准吗，或者至少得到了广泛的支持？
浏览 0提问于2013-03-06得票数 1
回答已采纳
在我的页面上，我有导航，滚动到锚点点击。但我想上上下下到滚动的锚上(取决于滚动的方向)。
代码是我的导航：
<div id="top-menu" class="verticalNav textCenter">
<ul class="bg-dark-transparent">
<li><a id="scroll1" class="liColor noTextDecoration sideMenu" href="#introduction">Intr
浏览 11提问于2022-07-22得票数 0
回答已采纳
2回答
我有一个关于href链接的问题，我试着用谷歌搜索了一下，但没有找到太多关于这方面的信息。我有一个类似下面的href链接：
<a href='#' onclick='openSerialWindow();return false;'><h:outputText value="#{i18n.regFindSerialNumber}" /></a>
以前，#被替换为它应该链接到的page.htm，当用户右键单击该链接并选择“在新窗口/选项卡中打开”时，这会导致错误。用#替换page.htm后，用户甚至可以在新的选项卡
浏览 2提问于2009-12-29得票数 0
回答已采纳
这可能是一个不寻常的场景，但我们需要从以下几个方面重定向Spring控制器：
/js/hal-browser/browser.html
至：
/js/hal-browser/browser.html#/some_path/
到目前为止，我尝试的所有解决方案都导致了重定向循环，因为Spring执行重定向，但随后在重定向URL中重复匹配/browser.html，而不管附加信息如何。我需要说的是“只有在路径结束时才匹配/browser.html”。
在请求映射本身中，我尝试了setUseSuffixPatternMatch(Boolean.FALSE);在PathMatchConfigurer上的
浏览 5提问于2015-04-23得票数 0
1回答
我在一个页面中使用了四个选项卡。每个标签部分的内容都在页面的底部
喜欢
Header - style(fixed & height)
tabs(4) - tabTitle
tabContant1
tabContant2
tabContant3
tabContant4
由id定义的每个选项卡，当我单击tabTitle时，它会转到同一页面中相应的内容部分。
问题是，
例如，当我单击tabTitle2时，tab2Conetent会转到页眉中的页面顶部。同时，我有固定的页眉，所以tab2Content隐藏在页眉后面的一些部分。
如何在固定标题下显示内容
浏览 3提问于2014-04-23得票数 0
。。我喜欢执行代码，在代码中单击一个锚标签。。所有的复选框都应该被选中。并且再次单击锚标签时，复选框应该被取消选中。
HTML
<a id="checkAll">Select All</a>
<input type="checkbox" name="item_check'.$item_id.'" value="'.$item_id.'">
<input type="checkbox" name="item_check'.$i
浏览 2提问于2014-04-10得票数 0
对于rails，我可以使用这个：request.original_url来获得这个：http://localhost:3000/ 但是，如果我点击一个标签https://localhost:3000#tab1，我如何才能获得当前完整的网址和标签？
浏览 32提问于2019-04-22得票数 0
回答已采纳
我在Safari浏览器上遇到了一个可访问性的问题。锚点标签没有关注tags键。
我用tabindex和不用tabindex都检查过了。将tabindex=设置为“0”，但没有任何更改，不确定这是不是Safari中的错误。在包括在内的其他网站上测试过，也有同样的体验。
Safari版本10.1.1 (11603.2.5)
Mac : OS X El Capitan
按钮元素正在获得焦点，唯一的问题是锚定标记
<a id="footer-linkedin-link" target="_blank" class="social-footer-icon&#
浏览 7提问于2017-06-18得票数 2
1回答
我试图用JQuery隐藏一个内部表，其中触发隐藏的元素在父表中。下面是我的代码：
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
$
浏览 3提问于2011-02-07得票数 0
路由器不工作。localhost:3000/，localhost:3000/#/，localhost:3000/#/aa ==> all moves in home page。 index.js import ReactDOM from 'react-dom'
import { BrowserRouter, Route, Switch } from 'react-router-dom'
ReactDOM.render(
<BrowserRouter>
<div>
<Switch
浏览 19提问于2019-01-22得票数 0
当我点击博客上的评论链接时，页面不会重定向到该链接，而是停留在同一页面中。
当我开始的时候，我在这个网址：http://localhost/wordpress
我点击的链接指向这里：http://localhost/wordpress/?p=3#comments
为什么链路不起作用？
浏览 6提问于2009-10-12得票数 0
1回答
推文按钮呈现得太晚了
、、、
我在我的网站上使用了一个用Vue.js编写的推文按钮，遇到了这个问题，一开始，按钮没有适当的样式显示，只是一个普通的锚标签文本，过了一段时间，它就变成了原来的时尚版本。下面是我编写的组件：
<template>
<span v-html="tweetButton">
</template>
<script>
export default {
name: "MyComponent",
mounted() {
this.renderTweetBu
浏览 18提问于2021-05-15得票数 0
回答已采纳
3回答
如何制作可选的A标签？
、、、、
有没有什么方法可以使用CSS使<a>标签中的文本可选？
我似乎无法在这个查询中搜索到有用的结果，"a“只能找到单词"a”:)
我不能控制文档的原始创建。
浏览 0提问于2013-07-09得票数 1
1回答
我使用折页jQuery脚本在我的整个网站上持久化某个查询字符串。但是，一旦调用html锚链接，它就会中断html锚点，因为它第二次将字符串追加到URL中。
示例：
预期行为: www.example.com/?string=value -->www.example.com/?string=value#锚
实际结果: www.example.com/?string=value --> www.example.com/?string=value#anchor?string=value
function getParameterByName(name) {
var match = Reg
浏览 4提问于2015-02-24得票数 0
回答已采纳
我面临的问题是，如果我在我的锚点所在的网站上，我的锚点似乎可以工作：
<li role="presentation"><a aria-controls="k" data-toggle="tab" href="#k" role="tab">K</a></li>
但如果我试图通过href从另一个网站跳转到该网站上的特定部分，则不会。标签窗格是在bootstrap中构建的。
domain.com/beamer-lexikon/#k使超链接导航到页面，而不是导航到“k”部分。
浏览 0提问于2015-09-19得票数 0
1回答
我使用domain.com/#节跳转到Id，但是滚动需要添加负边距，这意味着它滚动到很低的位置。有没有可能在不使用CSS、jquery或javascript的情况下在URL中做到这一点？
浏览 1提问于2017-09-21得票数 0
由于某些原因，我无法让我的脚本执行任何滚动操作。我使用switch语句来确定单击了哪个链接(该链接在我的导航上，因此您完全来自另一个页面)，然后我希望将该页面滚动到页面顶部(并最终再次平滑地向下滚动到锚点)。由于某种原因，我的控制台日志语句正在触发，但是页面没有滚动到顶部。当我在控制台中输入window.scrollTo(0，0)；时，尽管页面滚动了up...here is my script，但任何帮助都将不胜感激。
var URL = window.location.href;
var baseURL = window.location.protocol+'//'+wind
浏览 0提问于2015-05-30得票数 1
2回答
我正在建立一个单页面的网站，是通过锚标签分成几个部分。然而，当你点击导航链接时，它会平滑地滚动到该部分(只有资金领域和关于我们是完整的)，然而，似乎有大约50%的时间当你点击链接时，它平滑滚动到的背景图像在jQuery向上或向下滚动之前闪烁。
对我来说，超文本标记语言似乎是在试图立即定位，因此出现了闪烁，但随后jQuery说，等一下，我需要慢慢滚动。
我不确定如何解决这个问题。
jQuery：
// SlowScroll Funding Areas
$(document).ready(function(){
// 'slowScrollTop' is the amount o
浏览 1提问于2012-10-19得票数 10
回答已采纳
我有一个列表页面(其中有datagrid)。我确实有编辑按钮在每一行点击，打开覆盖(ajax模式弹出)。在插入/更新数据后，我必须刷新数据网格以显示新插入的数据，并在页面顶部显示消息，说明数据已成功插入/更新。
因为我在页面周围有更新面板，所以页面将焦点放在我单击编辑按钮的行上，所以用户实际上必须滚动所有的方式才能看到成功的消息。有没有什么方法可以在ajax更新后一直向上设置焦点/滚动，这样用户就可以看到记录是否成功更新。
注意:在关闭模式弹出窗口后，我调用updatepanel.update()方法来刷新更新面板。
任何帮助都将不胜感激。
浏览 2提问于2010-12-02得票数 0
2回答
我使用JQuery 1.7.2和JQuery UI 1.10.3在我的网站上设置了一个选项卡小部件。
我已经编写了一个JavaScript，它可以解析URL的散列部分，以便我可以打开选项卡，将内容加载到div中，并滚动到指定的锚点。
我可以让标签打开，内容加载很好，然而，滚动到锚被证明是一个真正的痛苦。
如果我在滚动到锚点之前触发一个警报，我可以让它工作(迫使你点击'OK'，但如果我禁用警报(我想要的)，它就不能工作。
我猜这与等待函数首先完成处理有关吗？但是我没有使用JavaScript的经验，所以如果任何人都能给予我帮助，我将不胜感激。
URL example: http:
浏览 1提问于2013-08-05得票数 1
当我在我的网站上禁用javascript时，我想阻止锚标签的默认行为。
<li class="last"><a href="#" id="viewexample" class="btn btn-view">View<span> </span></a></li>
当javascript被禁用时，如何防止此链接跳转到页面顶部？
浏览 3提问于2011-04-21得票数 0
回答已采纳
我有在网站上的菜单，他们中的大多数是基于ID的，所以在一个页面中打开只需向下滚动页面，但我有情侣页面有不同的页面，所以，我怎么才能去的页面id，这将滚动到从不同页面的菜单时，我从不同的id？让我具体地说，这是我正在为工作的项目，所以论坛是在菜单中的单独页面，所以当我点击教育，它应该转到页面的教育部分。
浏览 1提问于2017-07-09得票数 0
在Firefox上，我的css样式的按钮(圆形，按钮文本前有小图标)在视觉上看起来很好，但当您单击时没有任何反应。就像a标签不在那里一样？
我的html：
<button class='xbutton' type='button'>
<a href="/nextpage"><img alt="Next step" src="/icons/tick.png" /> Next page</a>
</button>
我的css：
button.xbutton
浏览 1提问于2012-01-24得票数 1
回答已采纳
3回答
在我正在工作的网站的导航栏中，我有以下代码：
<a href="#">Menu</a>
出于某种原因，单击“菜单”链接会让我跳回页面的顶部。我不知道为什么会这样。
浏览 7提问于2015-01-16得票数 0
回答已采纳
2回答
我有一份这一年中发生的事情的清单，它相当长。这是一个普通的html-table。现在，我想避免用户不得不向下滚动列表来查找正确的月份和当前事件。(由于不同的原因，不能选择切换到某种日历。)设置了锚点(1月份的Month0，2月份的Month1等)在每个月份名称之前，我可以通过一个脚本让页面在加载时跳转到那里吗？
我已经有一段时间没有编写自己的javascripts了，但我想使用下面这样的代码
getMonth() 0-11
如果getMonth(0) onLoad转到"a href=#Month0“
这能行得通吗？
浏览 4提问于2014-05-04得票数 0
我似乎对这里的一些东西感到困惑，因为我确信我的阅读是正确的，但有些东西就是不能正常工作。
我已经通过了一个在Joomla上运行的基于Gantry的网站，并被要求进行一些更改。其中之一是包含一个JS文件，然后对其进行简单的调用。
通过阅读Gantry文档，我通过以下方式将其添加到Gantry模板的index.php文件中：
$gantry->addScript('jquery.atooltip.min.js');
$gantry->addScript('init.js');
从逻辑上讲，这似乎是首先加载插件文件，然后直接加载init文件，这将包含对插件
浏览 0提问于2015-07-22得票数 0
我正在创建一个实践目的的投资组合网站。
index.html :
work.html :
在index.html中，底部的三个部分是图像。单击任何一个时，它都会重定向到work.html中的work.html中，这三个部分有单独的ids，分别是#website、#ui_ux-容器和#business_cards容器。这条线是一个普通的<hr>标签。
我的问题是，既然work.html将是一个很长的页面，我如何才能从一个页面重定向到另一个页面？
我试着做：
<a target="#website-container" href="work
浏览 1提问于2019-04-15得票数 0
回答已采纳
我们正在尝试创建一个自定义的cms，当你在锚标签中放置一个rel属性和一个目标位置时，它会自动附加一个点击，可以从rel标签中的指定位置获取数据。同样，新内容(通过ajax)可以有带有rel属性的锚标记。
不使用回调怎么实现？
当前代码
$(document).ready(function(e) {
$("a[rel $= txt]").each(function(index, element) {
$(this).click(function(){
var path = $(this).attr("rel");
浏览 2提问于2012-02-14得票数 0
回答已采纳
1回答
我在使用jQuery和在hashchange中包装动画时遇到了问题。当事件被触发时，动画立即发生。我需要它的平滑。
jQuery( document ).ready(function() {
jQuery(window).on('hashchange', function() {
jQuery('body').animate({ scrollTop: jQuery(window.location.hash).offset().top}, 'slow');
});
})
浏览 1提问于2015-08-28得票数 0
回答已采纳
我有一个父search.html，在里面我包含了另一个html搜索-form.html和通过ng-include的attribute.html。现在内部的html search-form.html有了另一个内部的html searchresults.html，它有一个锚标记onclick，我想指向父search.html中包含的attribute.html。
我的search.html代码：
<div class="panel panel-primary">
<!-- Search FORM + RESULTS Panels -->
浏览 0提问于2015-10-21得票数 0
我刚刚发现，在Adobe Dreamweaver CS3中，这段代码在设计视图中看起来很好，
<a href="#">Test Anchor</a>
但是如果我给这个"a“标记添加一个"id”属性，就像这样，
<a id="test" href="#">Test Anchor</a>
在"a“元素的左侧会有一个图标，就像一本打开的书。(我没有上传图片的权限)
图标的含义是什么？Dreamweaver暗示了什么？我试着用谷歌搜索了几组关键字，结果除了广告什么都没有。
有什么帮助
浏览 0提问于2011-09-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
