javascript - 在 Firefox 上带有手风琴内容和导航“活动”位置的 Scrolldeck

Question

我目前正在使用 scrolldeck.js 开发视差网站。而且我发现了一些我无法解决的问题，所以如果有人不介意在这里提供一些帮助会很棒:)

问题：

1 - 导航菜单不会在“活动”状态下停止。它总是落后 1 步，这意味着活动状态已添加到先前的导航中。而这只发生在Firefox中。

2 - 我在一些切片/页面/部分添加了手风琴内容，高度不会根据里面的内容自动调整。有没有办法可以将高度大小作为变量来自动调整？我发现该区域包含手风琴内容的每个切片/页面/部分之间也存在未知空间。

请点击此处查看我目前正在工作的网站。

感谢您的关注：）

score 0 · Accepted Answer

第一个问题是由body{margin:0}您的 normalize.css 文件中的声明引起的

第二个问题的原因是在您的文件“main.js”中，您在隐藏手风琴之前初始化了滚动面板。

这意味着 scrolldeck 计算包含元素的高度以包含手风琴的隐藏内容。只需将这两个东西交换一下，一切都会好起来的。

$(document).ready(function(){ 
  //Scrolldeck code
  //Accordion code
  //Rest of your code
});

1 回答 1