首页 > web前端 > html教程 > 【技巧篇】解决悬浮的<header>、<footer>遮挡内容的处理技巧_html/css_WEB-ITnose

【技巧篇】解决悬浮的<header>、<footer>遮挡内容的处理技巧_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:47:20
原创
1390 人浏览过

  引言  

  在现在的前端页面中,尤其是移动端,经常会需要将

或者是
模块悬浮出来,跟随页面的滑动保持定位在页面的最上方或者是最下方,如下图所示。

  

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

1 ...2 <section class='footer'>3     <div class='reply-topic'>回复主题</div>4 </section>5 ...
登录后复制

  实现这样的功能当然是利用position:fixed。但是,使用position:fixed有一个bug,以悬浮

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板