0

** 更新 **

因此,经过更多调查后,我将其范围缩小到阻止词缀类工作的这段 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 时,它可以工作。任何帮助或朝着正确方向的推动都会很棒!

谢谢

4

1 回答 1

0

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

<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>
于 2014-10-03T03:13:07.643 回答