Javascript 从另一页导航到引导Accordion

我已经创建了一个资源网站，有多个页面的内容。每页有20-30个引导手风琴。单击时，手风琴展开以显示有关给定资源的其他信息

我的目标是让主页拥有“特色资源”，点击后将导航到页面并打开请求的手风琴。我想使用#导航（site.com/page.html#特色资源）

下面的脚本允许我使用标签导航到页面并打开请求的手风琴，但实际上不会滚动到页面的该部分

 $(document).ready(function () {
 location.hash && $(location.hash + '.collapse').collapse('show');
 });

我想这不仅是打开手风琴，但滚动到页面的这一部分以及。我怎样才能做到这一点

谢谢

比尔-

尝试使用jQuery的这个片段-->

让我知道这是否适合你。干杯

试试下面的方法

$(document).ready(function(){
  var posTop = $(location.hash + '.collapse').offset().top;
  $('html,body').animate({
      scrollTop: posTop - 20; //where 20 is allowance from top of the page
   });
});

---

选中此复选框，只能从页面顶部向下滚动20px，否？这似乎不是特定于任何div…这将滚动到由选择器

location.hash+'.collapse'

标识的div，这是

posTop

变量的本质，20只是一个随机容差值。tlogbon-啊，我明白了，谢谢。比尔-我没有试过这个，但它可能对你有用。让我们知道它是否达到了您想要的效果。这会起作用，但是有可能让要滚动的元素由散列的值定义吗？例如，如果哈希为#scroll元素have$（window）.scrollTop（$（'#scroll元素'）.offset（）.top）；？是的，这绝对有效，您只需将唯一的#ID传递到下一页，这样该功能就可以将用户滚动到页面上的正确位置。我需要查看更多代码，以便进一步帮助您。您是否有一些主页手风琴的示例代码，以及用户单击后将登陆的页面上的手风琴？

$(document).ready(function(){
  var posTop = $(location.hash + '.collapse').offset().top;
  $('html,body').animate({
      scrollTop: posTop - 20; //where 20 is allowance from top of the page
   });
});