我希望网站上的页脚始终显示在屏幕上并浮动。当用户向下滚动时，页脚随之移动。我尚未对这个主意感到满意-但这就是我想链接到公司内容的地方。如果这不是一个好主意，请让我知道其局限性（也许在移动设备上？）。
我已经看到了设计和示例，这些设计和示例的页脚位于页面底部，但是，如果页脚位于“折叠之下”，则用户需要向下滚动才能看到它。不好。
有人可以向我提供有关如何完成此工作的基础知识吗？
提前致谢。
Bootstrap的类可以满足您的需求：.navbar-fixed-bottom。使用该类是更好的解决方案，因为您不需要自定义css。
但是，如果您确实想使用自定义CSS，请按以下步骤操作。假设您的页脚元素具有ID“页脚”：
#footer {
position: fixed;
width: 100%;
bottom: 0;
}
而且，您必须确保当用户滚动到页面底部时，页脚一定不要垂涎最低的内容。为了避免这种最简单的解决方案，就是以与页脚高度相同的量为主体元素添加底边距。假设页脚元素的高度为100px，则可以使用以下代码：
body {
margin-bottom: 100px;
}
但是要确保避免页脚重叠，您将不得不使用jQuery在屏幕尺寸更改时更新主体的底部边距，因为页脚高度可能会发生变化，尤其是在响应式布局中。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句