微信公众号开发

直播小程序源码,CSS实现移动端横向滚动导航条

本文主要是介绍直播小程序源码,CSS实现移动端横向滚动导航条,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

直播小程序源码,CSS实现移动端横向滚动导航条

cssHTML代码

 

 <ul>
                       <li>
                           <a href="">1</a>
                       </li>
                        <li>
                           <a href="">2</a>
                       </li>
                        <li>
                           <a href="">3</a>
                       </li>
                        <li>
                           <a href="">4</a>
                       </li>
                        <li>
                           <a href="">5</a>
                       </li>
                        <li>
                           <a href="">6</a>
                       </li>
                        <li>
                           <a href="">7</a>
                       </li>
                        <li>
                            <a href="">8</a>
                        </li>
                    </ul>

CSS代码

 

ul{
    display: flex;
     /*允许横向滚动*/
    overflow-x: scroll;
    /*禁止纵向滚动*/
    overflow-y: hidden;
    /*文本平铺*/
    text-align: justify;
}
ul::-webkit-scrollbar {
    /*有滚动效果但隐藏滚动条*/
    display: none;
}

 

以上就是直播小程序源码,CSS实现移动端横向滚动导航条, 更多内容欢迎关注之后的文章

 

这篇关于直播小程序源码,CSS实现移动端横向滚动导航条的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!