Javascript ID锚的问题

Javascript ID锚的问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我尝试使用“重新加载页面”转到锚定,但页面不会重新加载或滚动到锚定。直到链接被击中,锚才会显示 $'.link'。单击函数{ $'box'.css'display','block'; }; 盒子{ 显示:无; } 标题 内容描述 这是因为刷新后,样式将应用于长方体,因此其隐藏 #box { display: none; } 这是因为刷新后,样式将应用于长方体,因此其隐藏 #box { display: none; } 如果锚点显示为“无”,则出于导航目的,锚点也可能不存在。请尝试以

我尝试使用“重新加载页面”转到锚定,但页面不会重新加载或滚动到锚定。直到链接被击中,锚才会显示

$'.link'。单击函数{ $'box'.css'display','block'; }; 盒子{ 显示:无; } 标题 内容描述


这是因为刷新后,样式将应用于长方体,因此其隐藏

#box {
  display: none;
}

这是因为刷新后,样式将应用于长方体,因此其隐藏

#box {
  display: none;
}
如果锚点显示为“无”,则出于导航目的,锚点也可能不存在。请尝试以下样式:

#box {
  width:0;
  height:0;
  overflow:hidden;
}
或:

如果锚点显示为“无”,则出于导航目的,锚点也可能不存在。请尝试以下样式:

#box {
  width:0;
  height:0;
  overflow:hidden;
}
或:


你需要这样的东西吗:

HTML:

JS:


小提琴:你需要这样的东西吗:

HTML:

JS:



FIDDLE:

您正在使用display:none;对于要导航到的图元。显示属性“none”的作用就像它所应用的元素在文档中不存在一样,因此没有可导航/滚动到的位置。@Bekimbacj您认为我可以在同一页面中重新打开它吗?例如:我在页面中http://simulatorio.blogspot.com.br/p/politicas.html 正在显示cookies。我打开菜单,饼干是隐藏的。我点击链接,然后转到http://simulatorio.blogspot.com.br/p/politicas.htmlcookies.sorry 但我无法理解在没有演示的情况下实现这一目标所需的场景和底层代码。但是,clean cut是使用visibility属性使该元素隐藏,而不是不隐藏。否则,保持其显示不变,并隐藏溢出;设置高度时:0px;并在需要显示时将其删除。@Bekinbaja谢谢!我想我需要重新制作所有东西;对于要导航到的图元。显示属性“none”的作用就像它所应用的元素在文档中不存在一样,因此没有可导航/滚动到的位置。@Bekimbacj您认为我可以在同一页面中重新打开它吗?例如:我在页面中http://simulatorio.blogspot.com.br/p/politicas.html 正在显示cookies。我打开菜单,饼干是隐藏的。我点击链接,然后转到http://simulatorio.blogspot.com.br/p/politicas.htmlcookies.sorry 但我无法理解在没有演示的情况下实现这一目标所需的场景和底层代码。但是,clean cut是使用visibility属性使该元素隐藏,而不是不隐藏。否则,保持其显示不变,并隐藏溢出;设置高度时:0px;并在需要显示时将其删除。@Bekinbaja谢谢!我想我需要改造一切。是的,我知道!我想我需要提高我的目标。你认为我可以在同一页上重新打开它吗?例如:我在页面中http://simulatorio.blogspot.com.br/p/politicas.html 正在显示一个对话框。我打开的菜单框是隐藏的。我点击链接,然后转到http://simulatorio.blogspot.com.br/p/politicas.htmlbox.you 可以通过使用查询字符串来实现这一点。在我第一次点击链接时,它就起了作用。但如果我再次打开菜单,内容将再次隐藏。因此,我不能重新打开链接两次。请看http://simulatorio.blogspot.com.br/p/politicas.htmlYes,我知道!我想我需要提高我的目标。你认为我可以在同一页上重新打开它吗?例如:我在页面中http://simulatorio.blogspot.com.br/p/politicas.html 正在显示一个对话框。我打开的菜单框是隐藏的。我点击链接,然后转到http://simulatorio.blogspot.com.br/p/politicas.htmlbox.you 可以通过使用查询字符串来实现这一点。在我第一次点击链接时,它就起了作用。但如果我再次打开菜单,内容将再次隐藏。因此,我不能重新打开链接两次。请看http://simulatorio.blogspot.com.br/p/politicas.htmlI 我可以看到它是这样工作的。但是你认为我能打开这个链接吗http://simulatorio.blogspot.com.br/p/politicas.htmlcookies 同页http://simulatorio.blogspot.com.br/p/politicas.htmlcookies 若要再次打开页面。@PauloDosSantos在设置位置后,可以执行location.reload以强制重新加载页面。但我不确定它是否会导航到正确的位置。如果位置没有改变,浏览器通常会保持当前的滚动。是的,我试图避免当前的滚动。不幸的是,我的设计是所有连接。如果我使用宽度:0;身高:0;溢出:隐藏;或可见性:隐藏;我需要从零开始重建我的整个博客。@PauloDosSantos听起来你想要一个包含一系列部分的单一页面,所有部分都隐藏起来。单击链接会使其中一个部分可见,并且仅此部分可见。可能类似于$'.link'.clickfunctionevent{event.preventDefault;$'box'.css'display',block';};会有帮助的,好的!我使用“$”main-wrapper解决了我在应用程序中遇到的问题
ggle;$”。边栏包装器“.toggle;”我用它来显示/隐藏内容和菜单。谢谢你的耐心。我可以看到它是这样工作的。但是你认为我能打开这个链接吗http://simulatorio.blogspot.com.br/p/politicas.htmlcookies 同页http://simulatorio.blogspot.com.br/p/politicas.htmlcookies 若要再次打开页面。@PauloDosSantos在设置位置后,可以执行location.reload以强制重新加载页面。但我不确定它是否会导航到正确的位置。如果位置没有改变,浏览器通常会保持当前的滚动。是的,我试图避免当前的滚动。不幸的是,我的设计是所有连接。如果我使用宽度:0;身高:0;溢出:隐藏;或可见性:隐藏;我需要从零开始重建我的整个博客。@PauloDosSantos听起来你想要一个包含一系列部分的单一页面,所有部分都隐藏起来。单击链接会使其中一个部分可见,并且仅此部分可见。可能类似于$'.link'.clickfunctionevent{event.preventDefault;$'box'.css'display',block';};会有帮助的,好的!我使用“$”main-wrapper.toggle;$”解决了应用程序中的问题。边栏包装器“.toggle;”我用它来显示/隐藏内容和菜单。谢谢你的耐心,谢谢!我真的很感激。不幸的是,这种方法似乎不符合我的概念。我已经解决了使用jquery运行菜单/内容系统的问题。@Paulodassantos没问题,可能将来会在不同的场景中使用它。谢谢!我真的很感激。不幸的是,这种方法似乎不符合我的概念。我已经解决了使用jquery运行菜单/内容系统的问题。@Paulodassantos没问题,可能将来会在不同的场景中使用它。。
.boxContent {
  visibility:hidden;
}
$('.link').click(function() {
  $('#box').toggleClass( "boxContent");
});