一旦scrollSpy Bootstrap的功能调用juste

时间:2015-06-03 12:31:23

标签: javascript jquery twitter-bootstrap

我在bootstrap中使用滚动间谍,我想只调用一次用按钮激活导航的功能。

我解释一下,我不想完全使用滚动间谍,就像我点击一个按钮一样。其余的时间我都不想使用它。

我不知道事件调用了哪个函数" onscroll"来自Bootstrap。

编辑:这是一个掠夺者:http://plnkr.co/edit/xfsAWsLADkW6F98exC4P?p=preview

$(function() {
            function spy() {
              $('#myScrollspy').addClass('scrollspy');
                $('body').scrollspy({ target: '.scrollspy' });
                $('#myScrollspy').removeClass('scrollspy');
            }
            button_spy.onclick = spy;
});

在此,我激活滚动间谍并使用按钮禁用但它只工作一次。所以,我问自己哪个是引导滚动间谍调用的函数,称之为juste,但我没有找到它。

1 个答案:

答案 0 :(得分:0)

如果您想显示活动部分 添加此CSS

       ul.nav-tabs {
    width: 140px;
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}
ul.nav-tabs li {
    margin: 0;
    border-top: 1px solid #ddd;
}
ul.nav-tabs li:first-child {
    border-top: none;
}
ul.nav-tabs li a {
    margin: 0;
    padding: 8px 16px;
    border-radius: 0;
}
ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover {
    color: #fff;
    background: #0088cc;
    border: 1px solid #0088cc;
}
ul.nav-tabs li:first-child a {
    border-radius: 4px 4px 0 0;
}
ul.nav-tabs li:last-child a {
    border-radius: 0 0 4px 4px;
}
ul.nav-tabs.affix {
    top: 30px; /* Set the top position of pinned element */
}

<强> DEMO