怎么改变网页的样式不起作用？
body::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
body::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #535353; }
body::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #EDEDED;
}
::-webkit-scrollbar-thumb:horizontal { /*水平滚动条的样式*/
width: 5px;
background-color: #CCCCCC;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-track-piece {
background-color: #fff; /*滚动条的背景颜色*/
-webkit-border-radius: 0; /*滚动条的圆角宽度*/
}
::-webkit-scrollbar {
width: 8px; /*滚动条的宽度*/
height: 8px; /*滚动条的高度*/
}
::-webkit-scrollbar-thumb:vertical { /*垂直滚动条的样式*/
height: 50px;
background-color: #999;
-webkit-border-radius: 5px;
outline: 2px solid #fff;
outline-offset: -2px;
border: 2px solid #fff;
}
::-webkit-scrollbar-thumb:hover { /*滚动条的hover样式*/
height: 50px;
background-color: #9f9f9f;
-webkit-border-radius: 5px;
}
没有用啊
https://blog.csdn.net/weixin_42839080/article/details/81572047
你的浏览器是什么软件
这个样式没问题，只是只支持谷歌浏览器
如果是第三方的浏览器要用极速模式
怎么会这样
搜狗浏览器
用极速模式
不是我是说 这里层怎么会动不是固定的，还有怎么这里又出现了一个滚动条
因为有些野鸡浏览器的内核 有多个...你适配做的不好就会发生这样的故事.
不是的，应该是代码有问题
别人的网站都没有这个问题
你是div层还是iframe？
是div层的话看看css中有没有 overflow: scroll; 或 overflow: auto;
有的话去掉试试
我好想知道，LZ你的系统是什么系统，tb补单系统吗？
在模仿一个网站
是iframe的话用下面方法
https://blog.csdn.net/baidu_38027860/article/details/80269991
好像还是没什么用
设置 iframe 的 scrolling="no"
然后用我上面的方法
右边还是好长一条，能变短吗？ 还有下面往下拉 他不会自动显示内容被遮挡了
这个应该CSS控制表单 参数 设置一下就可以了，你截图，也看不见你CSS
<iframe id="fbody1" src="xxxxxxxx.html" width="100%" height="0" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">
var fbody1 = document.getElementById("fbody1");
fbody1.onload = function () {
var fd = fbody1.contentWindow.document;
fbody1.style.height = "0px";
fbody1.style.height = (fd.documentElement.scrollHeight||fd.body.scrollHeight) + "px";
}
</script>
width="100%" height=100% 可以尝试改50% 试试 或者，id="fbody1" 去找css id=fbody1 的参数看看
没有CSS ID=fbody1的cssl里就没有
上面的回答，我只是猜测，你还可以把张三8 张三9 这个表格扩大，挤过去试试
像其他网友说的， 用其他浏览器试试，也许是 不兼容
还是没用、
这个个JS是不是要加载进来哦
LZ 你这样只能请其他网友 远程改咯，这样文字表达，我真不会
应该是样式那里改
JS好像不起作用
#fbody1{
width: 100%;
border: 0;
overflow: hidden;
/* border-radius:10px;
background:black; */
}
这个干嘛
我这个js要放iframe下面
加个微信 给你发红包
解决了吗，可以发给我。我帮你看下