Question

我为Wordpress网站创建了一个页脚。我为该部分指定了ID #formfooter，并使用了以下CSS：

#formfooter{
    position:fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
}

现在，我想相应地扩展website's的高度。当用户向下滚动到底部时，粘性页脚将覆盖底部的内容。我如何使它向下滚动一点？

Answer 1

这是因为您的内容显示在粘性栏的后面。您需要您的容器（即包含您的信息的容器）有一个<my-el> <div> <div>a</div> <div>b</div> <div>c</div> <div>d</div> </div> </my-el>，以便它不会在您的粘性内容后面显示信息。

因此，假设您的布局看起来像这样：

margin-bottom

您将需要执行以下操作：

<body>
 <div class="container">

   THE CONTENT OF YOUR HTML PAGE

 </div>
 <div class="sticky-footer">
      YOUR STICKY FOOTER, let's say it take 20px as height
 </div> 
</body>

Answer 2

您能做的最好的事情是将粘性页脚手动添加到footer.php中，并在其上方添加一个div以达到最佳高度！

PS：网站确实滚动非常快！这样可能对用户不友好。看一下滚动速度设置。

Answer 3

尝试更改您的#formfooter位置（使用粘性而不固定）。这样可以使您的整个页面内容可滚动/查看。

#formfooter{
  position: -webkit-sticky; /* Safari */
  position: sticky;
  bottom: 0px;
  width: 100%;
  z-index: 999;
}

粘性页脚隐藏了我网站底部的内容

3 个答案: