JQuery 滚动到不适用于高度和宽度 100%

JQuery ScrollTo not working with Height and Width 100%

本文关键字：100% 高度 适用于 滚动 不适用 JQuery      更新时间：2023-09-26

我以前在这里看到过这个问题，但没有有效的答案，我想我的问题也略有不同。

我有一个非常奇怪的问题，我一直在努力解决，我很确定我没有正确构建我的 css，但在查找位置时遇到了问题。

如果您在 jsfiddle 中查看以下模板（忽略损坏的图像）

JSFIDDLE LINK

正文的高度和宽度没有滚动，滚动条确实出现在右侧，但无法滚动（我使用的是自定义滚动条）。我意识到这与身体没有继承高度有关，很可能是由于我的浮动div。

我一直在玩一个 clearfixdiv，我仍在尝试使其工作，如果我添加，可以理解

height: 100%;
width: 100%;

到我的身体类的 css 中，滚动将起作用，但是如果我这样做，JQuery ScrollTo 将停止工作

我已经将执行滚动到的anchor-link放在此 JSFIDDLE 的顶部（它也在上面的小提琴中，但在页面上不可见并且滚动已损坏）

可以理解的是，我需要清理我的代码，但是任何关于如何摆脱这种情况的建议都很棒！

如果我没有很好地解释，请告诉我谢谢西蒙

哇，

我只是一个巨大的麻木，有点尴尬，但在我的 css 中间发现了以下内容：

html {
    overflow: hidden;
    height: 100%;
}

这当然是导致问题的原因，问题解决了！

相关文章：