页脚下的空白区域

Question

我正在制作一个网页，我发现在某些页面上页脚下方有额外的空白区域，当我重新加载页面时，它就会消失。

除了主页和联系我们之外，几乎所有页面都会发生这种情况。

我刚尝试在Chrome和Firefox上查找Inspect Element 并添加样式

.footer{
    bottom: 0 !important;
}

但仍无法找到问题的根源。

以下是链接http://event1930.cgr-dev.com/services

Answer 1

看起来这个问题可能来自绑定到bounceInUp类的动画。这是规则：translateY(-2000px);。任何具有该类按钮的页面似乎都有问题。尝试减少该动画的像素值，它应该可以解决您的问题。

Answer 2

尝试：

.footer{
    position:relative;
    bottom: 0 !important;
}

Answer 3

从#footer

中删除padding-bottom: 30px;

Answer 4

尝试：

.footer{
    margin: 0;
    padding: 0;
}

同时尝试弄乱位置和显示设置。