Twitter bootstrap 3 Bootstrap3、粘贴、固定顶部导航栏、切换文本和锚定

Twitter bootstrap 3 Bootstrap3、粘贴、固定顶部导航栏、切换文本和锚定,twitter-bootstrap-3,fixed,navbar,sidebar,affix,Twitter Bootstrap 3,Fixed,Navbar,Sidebar,Affix,我的网页上有: 固定顶部导航栏,高度74px 将侧栏导航粘贴在右栏上 左列,具有可切换的内容 1.罗维尼 …可折叠内容 ... 下一小组 我的问题如下: 如果我单击带有锚点的链接,左列的内容将隐藏在固定顶部导航栏下(这一点,我可能会使用边距顶部:-74px;填充顶部:74px进行修复) 如果我折叠左列中的内容,那么使用词缀的侧边栏菜单就会变得模糊。它仍然认为折叠的内容是可见的,因此侧边栏高亮显示指向错误(隐藏/折叠)的内容 //滚动至锚定 if(window.location.hash

我的网页上有:

  • 固定顶部导航栏,高度74px
  • 将侧栏导航粘贴在右栏上
  • 左列,具有可切换的内容

1.罗维尼
…可折叠内容
... 下一小组
我的问题如下:

  • 如果我单击带有锚点的链接,左列的内容将隐藏在固定顶部导航栏下(这一点,我可能会使用边距顶部:-74px;填充顶部:74px进行修复)
  • 如果我折叠左列中的内容,那么使用词缀的侧边栏菜单就会变得模糊。它仍然认为折叠的内容是可见的,因此侧边栏高亮显示指向错误(隐藏/折叠)的内容
//滚动至锚定
if(window.location.hash){
var hash=window.location.hash.replace(/\/$/,“”);
if(hash.length){
var top=$(散列).offset().top;
//133=74+74-1,其中74为偏移高,而-1px为固定
$('body,html').stop().animate({scrollTop:$(hash.offset().top-133},500);
}
}
$('a[href^=#]')。在('click',function()上{
var hash=$(this.attr('href');
如果(哈希!='#'){
//顶部偏移量为74,-1px用于粘贴
$('body,html').stop().animate({scrollTop:$(hash.offset().top-73},500);
}
});