Css 网页赢得';t在大于768px的屏幕上垂直滚动

Css 网页赢得';t在大于768px的屏幕上垂直滚动,css,scroll,Css,Scroll,我已经搜索过了,但没有找到一个比我更了解的人的明显答案 简单问题:当在大于768px的屏幕上查看时,此页面不会垂直滚动: 在比768px宽的屏幕上,页面卡在以下位置: 我已经尝试了一段时间,使用firebug并进行了实验。甚至不想告诉你最奇怪的部分 这里有两个目标: 查找错误并修复在768px宽的屏幕上滚动不起作用的问题 学习一些东西,这样我就能自己找到这种解决方法 这一定是因为侧部没有内容物。浏览器不考虑背景图像的大小来使屏幕可滚动,只考虑HTML内容。我认为这是造成问题的原因 .sect

我已经搜索过了,但没有找到一个比我更了解的人的明显答案

简单问题:当在大于768px的屏幕上查看时,此页面不会垂直滚动:

在比768px宽的屏幕上,页面卡在以下位置:

我已经尝试了一段时间,使用firebug并进行了实验。甚至不想告诉你最奇怪的部分

这里有两个目标:

  • 查找错误并修复在768px宽的屏幕上滚动不起作用的问题
  • 学习一些东西,这样我就能自己找到这种解决方法

  • 这一定是因为侧部没有内容物。浏览器不考虑背景图像的大小来使屏幕可滚动,只考虑HTML内容。

    我认为这是造成问题的原因

    .section-crackbar.fixed-top {
      position: fixed;
    }
    
    删除固定位置,它应该滚动良好。用这个代替

    .inside.clearfix {
       position: fixed;
       left: 20%;
    }
    

    注:我会考虑给页眉一个更好的类名。< /P>请把你的代码放在这里。谢谢。那页上有很多代码。通过浏览器和firebug都可以看到。我不知道如何将其全部发布到这里。您在wp html输出中有错误-crackbar部分仅在此页面上出现两次(查看源代码)-尝试修复它,然后检查。。。-这部分可能会导致问题…谢谢,我稍后会回来进行修复。非常感谢我在这里得到的帮助。这就是问题所在!非常感谢。我知道这一定很简单。现在看看为什么屏幕变窄时问题会消失。这会解决问题,但也会导致其他问题-现在页面上没有固定的导航栏…不用担心,我们总能找到解决方案。请检查我编辑的答案。@LokeshSuthar,我认为问题的原因是您针对的元素,但不是他的css-有问题的是无效的HTML-同一元素在页面上出现两次,以后会造成混乱-检查源代码,您将看到…是的,这个HTML错误只出现在“照片”页面上,我几乎可以肯定它是问题的根源。。。