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

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

WBOY
Freigeben: 2016-06-24 11:47:20
Original
1378 Leute haben es durchsucht

  引言  

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

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

  

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

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

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage