javascript - JQuery ScrollTo 无法使用高度和宽度 100%

标签 javascript jquery html css

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

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

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

JSFIDDLE LINK

主体的高度和宽度没有滚动,滚动条确实出现在右侧但不可滚动(我使用的是自定义滚动条)。我意识到这与 body 没有继承高度有关,这很可能是由于我的 float div。

我一直在玩弄一个 clearfix div,我仍在努力让它发挥作用,如果我添加,这是可以理解的

height: 100%;
width: 100%;

对于我的 body 类的 css,滚动将起作用,但是如果我这样做,JQuery ScrollTo 将停止工作

我已经将执行滚动的 anchor-link 放在了这个 JSFIDDLE 的顶部(它也在上面的 fiddle 中,但在页面上不可见并且滚动被破坏)

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

如果我没有解释清楚,请告诉我 谢谢, 西蒙

最佳答案

哇我是一个巨大的 NumPy ,有点尴尬但在我的 css 中间发现了以下内容:

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

这肯定是导致问题的原因,问题已解决!

关于javascript - JQuery ScrollTo 无法使用高度和宽度 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18695640/

相关文章:

javascript - JS 的参数 - 哪个是最好的方法?

javascript - 选择图像文件后如何打开模态

html - 在 HTML/CSS 中显示类似图表的 png 图像

javascript - 文本在悬停时错位

html - 悬停时图像阴影变化不起作用

javascript - 谷歌经典折线图上层空间

javascript - ReactStrap 模态关闭图标未在模态中显示以及如何将 header 与其他标签一起使用

javascript - 切换 div,如果已经打开则隐藏

javascript - AngularJS:同时 $http get 在 $.each 循环中返回错误数据

javascript - ListView 没有滚动条