如何用html5实现左侧是滚动菜单，选中后右边呈现效果

答案:1 悬赏:50 手机版

解决时间 2021-04-01 23:23

提问者网友：骨子里的高雅
2021-04-01 14:17

最佳答案

五星知识达人网友：怀裏藏嬌
2021-04-01 14:48

这问题好纠结，最少来个截图啊，给你写个吧，粘过去就行，不行的话留个q，继续问

选项卡

::-webkit-scrollbar{width:0px}
*{ margin:0; padding:0}
ul{
list-style: none;
}
.tab{
width: 600px;
margin: 80px auto;
}
.tab .tab_menu{
float:left;
height: 138px;
width: 90px;
overflow-y:scroll;
}
.tab .tab_menu ul{width:60px;}
.tab .tab_menu ul li{

width: 60px;
text-align: center;
line-height: 30px;
}
.tab .tab_menu ul li:last-child{
border-right:none;
width:60px;
}
.tab .tab_menu ul li.on{
background: #999;
}
.tab_box{float:left;}
.tab .tab_box > div{
width: 300px;
height: 138px;
border:1px solid #6cf;
display: none; //将三个内容框架全隐藏，通过下面的:first-child属性只将第一个框架内容显示出来
}
.tab .tab_box > div:first-child{
display: block;
}

     实事
     政治
     体育
     实事
     政治
     体育
     实事
     政治
     体育
     实事
     政治
     体育

     实事内容
     政治内容
     体育内容
     实事内容
     政治内容
     体育内容
     实事内容
     政治内容
     体育内容
     实事内容
     政治内容
     体育内容

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息