Question

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

我的目标是让主页拥有“精选资源”，点击后会导航到该页面并打开请求的手风琴。我想使用＃来导航（site.com/page.html#featured-resource）

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

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

我希望这不仅可以打开手风琴，还可以滚动到页面的那一部分。我怎么能做到这一点？

谢谢！

Answer 1

比尔 -

尝试使用jQuery的这个片段 - ＆gt;

//$( document ).ready(function() {

//location.hash && $(location.hash + '.collapse').collapse('show');

//Move the window's scrollTop to the offset position of the div named #now
$(window).scrollTop($('#now').offset().top);

//});

如果这对您有用，请告诉我。干杯！

Answer 2

尝试以下

$(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
   });
});

从另一页导航到Bootstrap Accordion

2 个答案: