十三亿人都能看懂的导航栏吸顶+tab

设计思路

要想出现滚动效果,就需要让里面的内容高度大于外面内容的高度\

    
class="box">        <div class="top">            <img src="../img/ad.jpg" alt="">        div>        <div class="content">            <ul class="ul">                <li class="active">财经li>                <li>新闻li>                <li>娱乐li>                <li>八卦li>                <li>直播li>            ul>            <div class="desc">                <section class="active">                    这个表情包，最初其实来源于王思聪在英雄联盟 S8全球总决赛上，                    为自家战队应援时被抓拍到的一张照片。                section>                <section>                    相信很多人看到满屏的“ IG 牛×”都是一脸懵的，                    但在搞懂什么是 IG 之前，你可能需要稍微了解下什么叫英雄联盟。                section>                <section>                    英雄联盟，英文名是 League of Legends ，                    简称为 lol ，黑话里就是大家常说的“撸啊撸”。                section>                <section>                    每一年拳头公司举办的“全球总决赛”，其重量级可类比于足球界的世界杯，                    这个比赛也被简称为 S 赛，S 是 season 的意思，今年是第8个赛季所以称为 S8                section>                <section>                    被韩国赛区统治的恐惧，就像一座大山一样横亘在眼前。                    即使去年的 S7 决赛在中国鸟巢举行，但最终的奖杯却还是被韩国赛区摘去。                section>            div>        div>    div> body>

复制代码

    复制代码

  //引入jquery复制代码

转载于:https://juejin.im/post/5be3f711e51d45119b4cf5f6