首页 > 编程 > HTML > 正文

移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法

2024-08-26 00:18:04
字体:
来源:转载
供稿:网友
这篇文章主要介绍了移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法,本文讲解如何解决移动端悬浮层会遮挡住内容的3种方法,需要的朋友可以参考下
 
 

在现在的前端页面中,尤其是移动端,经常会需要将<header>或者是<footer>模块悬浮出来,跟随页面的滑动保持定位在页面的最上方或者是最下方,如下图所示。

移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法

“回复主题”模块,就是跟随页面的浮动一直悬浮在页面的最下方,代码结构如下。

 

复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表