Question

**更新**

所以经过一些调查之后，我已经将它缩小到这段javascript，阻止了词缀类的工作......但是又一次......我不确定为什么会破坏页面？

    var panelExample = $('#someID').scotchPanel({
    containerSelector: 'body', // Make this appear on the entire screen
    direction: 'left', // Make it toggle in from the left
    duration: 300, // Speed in ms how fast you want it to be
    transition: 'ease', // CSS3 transition type: linear, ease, ease-in, ease-out, ease-in-out, cubic-bezier(P1x,P1y,P2x,P2y)
    clickSelector: '.toggle-panel', // Enables toggling when clicking elements of this class
    distanceX: '300px', // Size fo the toggle
    enableEscapeKey: true // Clicking Esc will close the panel
});

我一直试图弄清楚为什么当我有一个滑出菜单时，词缀类会中断。我目前正在处理的网站是：site link

如果您看到其他页面，则向下滚动后菜单将粘在顶部。但它不起作用的犯罪页面。我已经将它缩小到导致它不起作用的HTML部分，但我似乎无法弄清楚原因。这个div标签看起来并不特别。

<div id="burgerWrapper" class="toggle-panel">
    <h3 id="closeBtn">X</h3>
    <ul>
        <li class="hidden"><a class="page-scroll" href="#page-top"></a></li>
        <a href="#criminalLaw" class="page-scroll"><li>CRIMINAL LAW</li></a>
        <a href="#criminalLocalCourt" class="page-scroll"><li>LOCAL COURT MATTERS</li></a>
        <a href="#criminalMentalHealth" class="page-scroll"><li>SECTION 32 APPLICATIONS</li></a>
        <a href="#criminalConviction" class="page-scroll"><li>CONVICTION AND SEVERITY APPEALS</li></a>
        <a href="#criminalBail" class="page-scroll"><li>BAIL APPLICATIONS</li></a>
        <a href="#criminalSerious" class="page-scroll"><li>SERIOUS CRIME</li></a>
        <a href="#criminalPenalties" class="page-scroll"><li>PENALTIES AND SENTENCES</li></a>
        <a href="#criminalFee" class="page-scroll"><li>FEE ARRANGEMENTS</li></a>
    </ul>
</div>

当我删除这个div时，它可以工作。任何帮助或推动正确的方向都会很棒！

由于

Answer 1

这可能是它的原因。通过删除来测试。

<section id="burgerIcon">
        <button type="button" class="navbar-toggle toggle-panel">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
</section>

Bootstrap Affix仅适用于没有滑出菜单的页面

1 个答案: