在chrome下可以自定义滚动条样式,举个例子::-webkit-scrollbar
{
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track-piece
background-color: rgba(204, 204, 204, 0.66);
-webkit-border-radius: 0px;
::-webkit-scrollbar-thumb
border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #7b7b7b;
/*定义横向和纵向交点的样式*/
::-webkit-scrollbar-corner { background-color: transparent; }这里可以定义滚动条的粗细度和颜色等,至于更具体的诸如分别定义横竖滚动条样式等需要举首你自行修改。
另外也可以利用一些开源的滚动颤答粗条插件来实现你需要的效果,比茄镇如我之前使用过的nicescroll.js,在浏览器兼容方面会好一些,但是可能会对系统的稳定性有影响,这个需要你权衡。
你可以给table外面添加一层的DIV,然后给这个div设置为overflow-x: auto;
你试着给表格的父div添加一句overflow-x:hidden;试试看
固定宽度,overflow:auto;
初学HTML,遇到一个题需要将几张图放在一个边框里,并且需要横向拖动
想着很简单,直接在div中设置width、height。并添加属性"overflow:auto;"。但实际运行是发现图片始终会蠢销换行,窗口只能上下滚动
div的width,由此保证:祥禅图片不会换行;在横轴方向溢出,从而出现横向滚动条。
以上就是土嘎嘎小编大虾米为大家整理的横向滚动条样式_设置滚动条样式相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!