实现导航条浮动的最简单方法

这两天跟博友十万大山谈论导航条的浮动问题,让我又长了知识了~~嗯,写个笔记。注:此方法只针对导航条处于网页最顶部的情况,但是对于我这个站这样的,就尴尬了……

以前说的解决方案是用js实现,感觉不够简单,也会影响网页打开速度。只需要修改其属性position: fixed;就可以将它“固定”在网页某个位置,不随网页上下拉动而消失,另外添加z-index: 99;属性,使该层处于最顶层。这样会产生一个问题:导航条会偏离,不在网页中心对称,网页缩放或因电脑分辨率不同,会显得错版很不美观。这时只需改动它的宽度使width: 100%;即可。

上述方法对于一般的最顶端导航条都有效……设置好导航条浮动之后,网页会整体上移一点点,只需给下面整个层添加padding-top属性,具体值自己可以调试确定。

青春悄然而逝,我,一路向前...

12 Comments On 实现导航条浮动的最简单方法

  1. avatar

    ブランドコピーブランド専門店
    ぜひ一度のブランドコピーブランド品をお試しください。
    驚きと満足を保証できます。
    ご利用を心からお待ちしております。

  2. スーパコピー通販専門店
    当店はいろいろな高品質ブランドコピー品をそろっているブランドコピー専門店です。
    業内ブランドコピールイヴィトン専門店を目指し、品質第一、信用第一、ユーザー第一の原則を守り
    心地よい親切で最高のインターネットサービス、
    最高品質商品を低価格で ご提供することです

  3. avatar

    前排留名,先回再看。等了好久额的新文章。

  4. avatar

    エルメス バッグ コピー
    スーパーコピー 通販 ネットショップへようこそいらっしゃいませ。今日もよろしくお願いします。
    エルメス バッグ コピー
    日頃に秋めいてきましたね。
    今日は皆様に秋でもおしゃれな装いが決められるファッションコーディネートをご紹介いたします。
    初秋ではシャツが一番快適だと思われるなら、中秋では無論シャツにベストが一番おしゃれなコーデに決まっていますね。
    今日はラルフローレン コピー品で英国風に溢れる紳士のような格好を装いましょう。

| ^_^ 本站因你的评论更精彩!

发表评论