javascript - 调用一次scrollSpy Bootstrap的函数

标签 javascript jquery twitter-bootstrap

我使用 Bootstrap 中的滚动 spy ,我想仅调用一次使用按钮激活导航的函数。

我解释一下,我不想完全使用滚动 spy ,例如,当我单击按钮时。其余时间我不想使用它。

我不知道 Bootstrap 中的“onscroll”事件调用了哪个函数。

编辑:这是一个骗子:http://plnkr.co/edit/xfsAWsLADkW6F98exC4P?p=preview

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

在此,我激活了滚动 spy 并使用按钮禁用,但它只工作了一次。所以,我问自己 Bootstrap 滚动 spy 调用哪个函数来调用它一次,但我没有找到它。

最佳答案

如果你想显示事件部分 添加这个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

关于javascript - 调用一次scrollSpy Bootstrap的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30620175/

相关文章:

javascript - jQuery:确定容器中至少一个 child 是否可见的最快方法

javascript - 内容更改时 Bootstrap 模式调整大小

html - 如何删除 bootstrap 4 中的输入组 <select> 箭头?

javascript - 将类转换为函数

javascript - 范围选择不适用于 Microsoft Edge

javascript - 将现有数组插入多个数组js

javascript - 我可以从同一个对象 javascript 中调用私有(private)函数吗

jQuery 不适用于第一次悬停时的下拉菜单

javascript - Material 设计和 Jquery

html - Bootstrap Glyphicons 未在底部导航栏上垂直对齐