Javascript 引导JS Scrollspy进入引导面板

Javascript 引导JS Scrollspy进入引导面板,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我在将引导JS Scrollspy添加到引导面板时遇到一些问题。我想要一个固定的导航进入面板。 如果我尝试设置固定导航,我的导航杆将进入真正的导航杆位置。 我不知道如何设置好它的选项,我的面板有一个固定的高度,所以我必须允许溢出 $(文档).ready(函数(){ $('#fakeBody').scrollspy({target:“#navbarPnlBody”,偏移量:50}); //在导航栏内的所有链接上添加平滑滚动 $(“#pnlNavBar a”)。在('click',函数(事件){

我在将引导JS Scrollspy添加到引导面板时遇到一些问题。我想要一个固定的导航进入面板。 如果我尝试设置固定导航,我的导航杆将进入真正的导航杆位置。 我不知道如何设置好它的选项,我的面板有一个固定的高度,所以我必须允许溢出

$(文档).ready(函数(){
$('#fakeBody').scrollspy({target:“#navbarPnlBody”,偏移量:50});
//在导航栏内的所有链接上添加平滑滚动
$(“#pnlNavBar a”)。在('click',函数(事件){
//在覆盖默认行为之前,请确保this.hash具有值
如果(this.hash!==“”){
//防止默认锚点单击行为
event.preventDefault();
//存储散列
var hash=this.hash;
//使用jQuery的animate()方法添加平滑页面滚动
//可选数字(800)指定滚动到指定区域所需的毫秒数
$('.scrollbar,#fakeBody')。设置动画({
scrollTop:$(散列).offset().top
},800,函数(){
//完成滚动后,将哈希(#)添加到URL(默认单击行为)
window.location.hash=散列;
});
}//如果结束,则结束
});
});

其他面板和EXTC。。。 标题
第一节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

第二节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

第三节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏


将其添加到真实的导航栏div中:

style="position: fixed; width: 100%; z-index: 1;"
你应该得到:

$(文档).ready(函数(){
$('#fakeBody').scrollspy({target:“#navbarPnlBody”,偏移量:50});
//在导航栏内的所有链接上添加平滑滚动
$(“#pnlNavBar a”)。在('click',函数(事件){
//在覆盖默认行为之前,请确保this.hash具有值
如果(this.hash!==“”){
//防止默认锚点单击行为
event.preventDefault();
//存储散列
var hash=this.hash;
//使用jQuery的animate()方法添加平滑页面滚动
//可选数字(800)指定滚动到指定区域所需的毫秒数
$('.scrollbar,#fakeBody')。设置动画({
scrollTop:$(散列).offset().top
},800,函数(){
//完成滚动后,将哈希(#)添加到URL(默认单击行为)
window.location.hash=散列;
});
}//如果结束,则结束
});
});

其他面板和EXTC。。。 标题
第一节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

第二节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

第三节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏