给section或者DIV跟随浏览器变化固定
By:Anna Scaret
1 min read2021-04-30 10:55:17
昨天做了一个手机端的跟随导航。利用CSS 显示在底部。
代码放出,仅供canka参考
给section一个宽度和一个高度,再加上一个层次。最后固定在一个位置最底部bottom: 0; 固定 position:fixed;
完整代码如下:
<style>.pgwMenuCustom ul { list-style: none; white-space: nowrap; margin: 0; padding: 0 }.pgwMenuCustom li { float: left }.pgwMenuCustom a.selected { background: #e5601d }.pgwMenuCustom a { display: block; color: #fff; line-height: 40px; padding: 0 30px; text-decoration: none }</style>
<section class="fulltop" style="z-index: 99999;width: 100%;background: #2287ff;position:fixed;height: 40px;bottom: 0;"><ul class="pgwMenuCustom"><li><a class="selected" href="/">会员中心</a></li><li><a href="/">添加车牌</a></li><li><a href="/">编辑车牌</a></li></ul></section>