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