这篇博客探讨了如何使用CSS来隐藏滚动条，提供了测试代码示例。通过修改`.box`和`.wrap`的样式，实现了在不同设备上隐藏滚动条的效果，同时保持内容的可滚动性。代码中涉及的关键元素包括Overflow属性、Touch滚动和浮动布局。
请问有没有办法可以去掉这个滚动条的？
测试.box {
height: 14px;
width: 100%;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
ul{
height: 14px;
width: 500px;
padding: 0;
margin: 0;
}
.f{
padding: 0;
margin: 0;
float: left;
height: 14px;
font-size: 12px;
line-height: 14px;
width: 100px;
}
- 你的名字
- 你的名字
- 你的名字
- 你的名字
- 你的名字
采纳后改写的最后完整的代码：
测试body,
html,
ul,
li {
padding: 0;
margin: 0;
}
.box {
width: 100%;
height: 30px;
overflow: hidden;
}
.wrap,.content{
height: 40px;
}
.wrap {
width: 100%;
overflow: auto;
position: relative;
overflow: auto;
overflow-y: hidden;
}
.content{
width: 500px;
}
.f{
width: 100px;
float: left;
}
- 你的名字
- 你的名字
- 你的名字
- 你的名字
- 你的名字
652
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
