css - 我的 JS 手风琴表现得很愚蠢——它到处乱跳

Question

我正在尝试实现js我发现的手风琴，但我遇到了问题。标题应该干净利落地滑到页面顶部，然后将内容放在下面。这不是正在发生的事情。当你看到它时，会有一些明显的跳跃。它一点也不光滑。我不太了解，js所以请仔细解释您的答案。非常感谢！

编辑： 用我从中获取的站点中的默认文件替换 js 后，没有任何改变。这是一个jsfiddle

score 2 · Accepted Answer

问题不在于.js，你不必全部写在jsfiddle上，因为它是JQuery UI，你可以简单地检查它以包含它，如果它是另一个外部.js，将它用作资源，检查小提琴的文档。

除此之外，另一个问题是你的CSS标记，你在那个小提琴中有很多重复的类，有点乱。

跳跃的主要问题是：

.st-accordion ul li.st-open > a{
    margin-top: 70px;
}

我刚刚评论了margin-top: 70px;，它解决了 75% 的问题，我建议你使用我在 jsfiddle 上安排的 css。

希望对你有帮助！

更新

现在，如果你想像http://jsfiddle.net/luissanchezm86/ruwjn/5/那样一直向上滚动，你需要让身体的高度更高：

body {
    height: 2000px; 
}

score 1 · Accepted Answer

查看您的代码后，您似乎正在使用此插件：

http://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion/

如果您转到该页面，它具有控制动画速度所需的 javascript 选项，以及一个比您的更流畅的工作示例。

2 回答 2