【横向标签点击后滚动居中】仿IT之家APP顶部的标签页效果，点击一个标签之后滚动居中到该标签页。
文章图片
点击后
文章图片
代码
{{tab}}.tab-list{
width:500px;
background-color:#f8f8f8;
display:flex;
overflow-x:scroll;
scroll-behavior:smooth;
margin-left:20px;
}
.tab-list::-webkit-scrollbar{
/*display:none;
*/
}
.tab{
flex:none;
padding:20px 0;
width:100px;
text-align:center;
}
.tab:nth-child(odd){
background-color:#eee;
}
.tab-selected{
font-weight:bold;
}
推荐阅读
- javascript|JavaScript内置对象-Math对象
- 前端|JavaScript内置对象
- js学习笔记|JavaScript内置对象 之 Math对象
- JavaScript|JavaScript内置对象及案例
- element 计数器使用
- JS|深拷贝浅拷贝的区别（如何实现一个深拷贝？）
- JS|说说JavaScript中的数据类型
- 计网|计算机网络总结(一)
- JavaScript|函数有参无参真有很大区别吗（）