网页不会在屏幕上垂直滚动超过768px

Question

我已经搜索过，但没有找到对比我更了解的人明显的回答。

简单问题：在宽度超过768像素的屏幕上查看时，此页面不会垂直滚动： http://deaconsofdeadwood.com/photos/

在大于768像素的屏幕上，页面卡在此位置：

我一直在挑选它，使用萤火虫和实验。甚至不会告诉你最奇怪的部分。

这里有两个目标：

1. 找出错误并解决滚动不能在768px以上的屏幕上工作的问题。
2. 学点东西，所以我可以自己找到这种解决方法。

Answer 1

这必须是因为侧面部分没有内容。浏览器没有考虑背景图像的大小以使屏幕可滚动，只有HTML内容。

Answer 2

我认为这导致了这个问题。

.section-crackbar.fixed-top {
  position: fixed;
}

删除固定位置，它应滚动正常。而是使用这个

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

注意：我会考虑给标题一个更好的类名。