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

标签 html css wordpress

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

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

现在我想扩展 website's高度相应。当用户向下滚动到底部时,粘性页脚会覆盖底部的内容。我怎样才能让它向下滚动一点?

最佳答案

这是因为您的内容显示在粘滞栏后面。 您需要您的容器(即包含您的信息的容器)有一个 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>

你需要做类似的事情:

.container {
   margin-bottom: 20px; (i.e. the size of you sticky content)
}

关于html - 粘性页脚隐藏了我网站底部的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53709932/

相关文章:

javascript - 自动完成数据库中的多个值

php - 无法从 Html5 CSS 和 php 表单获取信息

java - Java 中的正则表达式,查找开始和结束标记

jquery - 如何使用 jQuery 为同一元素中的同一 CSS 属性添加不同的值?

javascript - 更改元素是我的元素而不是直接我的元素

php - 为什么 PHP/WordPress 在这里回显空行?

javascript - 带有 HTML 替换的 Jquery

css - 一个DIV的内容只能是水平的?

html - 关于 robots.txt 禁止参数 URL

php - 将表单数据发送到 WordPress 数据库表