带有位置的粘性页脚:粘性;

时间:2018-10-04 15:10:36

标签: css html5 css3 layout sticky-footer

所以我已经使用粘性页脚,负边距技术,flexbox,网格甚至表技术进行了大量操作。

我刚刚在MDN中发现了position: sticky;,并想:“是的!所有的混乱终于消失了!”。

该死的,看来我不能使用position: sticky;来制作粘性页脚,因为我要实现的行为与已完成的相反:我希望页脚停留在底部在没有足够的内容向下滚动时显示屏幕,在没有足够内容滚动时显示在屏幕上。

position: sticky;可以实现吗?

1 个答案:

答案 0 :(得分:1)

this article中,您可以阅读如何使用position: sticky来实现仅与CSS类似的功能。我认为,对于您的问题,最好使用一些JS来控制页面的滚动,并在必要时将position: fixed添加到页脚中。

希望有帮助!