你的位置:首页 > 软件开发 > 网页设计 > 【技巧篇】解决悬浮的header、footer遮挡内容的处理技巧

【技巧篇】解决悬浮的header、footer遮挡内容的处理技巧

发布时间:2015-03-27 12:00:45
引言   在现在的前端页面中,尤其是移动端,经常会需要将<header>或者是<footer>模块悬浮出来,跟随页面的滑动保持定位在页面的最上方或者是最下方,如下图所示。    “回复主题”模块,就是跟随页面的 ...

  引言  

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

  【技巧篇】解决悬浮的header、footer遮挡内容的处理技巧

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

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

原标题:【技巧篇】解决悬浮的header、footer遮挡内容的处理技巧

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录