首先我给div设置了max-height: 250px; overflow-y: scroll;是希望其高度大于250px时出现滚动条，但是效果是无论是不是超过了250都有滚动条在window系统。应把overflow-y: scroll;改为overflow-y: auto;这样才是超出设定高度出现滚动条。
然后就是windows出现的滚动条很丑，我们用样式美化一下：
// 滚动条
&::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #f5f5f5;
}
&::-webkit-scrollbar-track {
//-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #f5f5f5;
}
&::-webkit-scrollbar-thumb {
border-radius: 4px;
background: rgb(173, 172, 172);
}
造成原因： 在点击的元素上加了 overflow: scroll || overflow-y: scroll ||...
1.设置最大高度 max-height overflow-y: scroll
1.外层元素必须设置overflow:hidden 2.内层元素必须设置overflow-y:scroll 3.内...
1.外层元素必须设置overflow:hidden 2.内层元素必须设置overflow-y:scroll 3.内...
问题 网页中在使用overflow-y: scroll 后，往往会使得滚动卡顿，影响用户体验。 思路 可以从两方面...
（1）横向滚动left:0;right:0;横向滚动的话overflow-x:scroll;overflow-y:...
天天对着电脑，习惯将电脑窗口颜色设置为绿色，每次重装Windows系统后，都记不住怎么设置，都要重新去搜索一番，现...
scroll-view设置高度后无法滚动，溢出内容被隐藏，就像overflow: hidden 需要scroll-...
CSS中若在块级容器上设置了overflow:scroll/overflow-x:scroll/overflow-...
在Windows上安装Hadoop后，设置HADOOP_HOME和PATH后执行命令hadoop -version...
本文标题：设置overflow-y：scroll后在windows电脑上出
本文链接：https://www.haomeiwen.com/subject/ivvzgdtx.html
网友评论