CSS 滚动条没有用 前端的同伙来看看
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 滚动条没有用 前端的同伙来看看相关的知识，希望对你有一定的参考价值。
*outline:none;overflow:auto;z-index:1
hrcolor:hsla(359,81%,51%,1.00);border:5px solid
.main
position:absolute;
width:100%;
height:1500px;
overflow:auto;
z-index:1;
.top
position:fixed;
width:80%;
margin:0 10% 0 10%;
top:1vh;
background-color:hsla(359,81%,51%,1.00);
height:11vh;
-webkit-transition:translateX(-50%);
transition:translateX(-50%);
text-align:right;
line-height:5vh;
.name
position:float;
text-align:right;
margin:0.7% 1% 0 0;
font-size:3.2vw;
font-weight:bold;
color:white;
.info
font-size:1.2vw;
color:white;
margin:0 1% 0 0;
.left_block
position:fixed;
border:3px solid black;
left:10.5%;
top:15vh;
height:1200px;
width:30%;
.right_block
position:fixed;
border:3px solid black;
left:45%;
top:13vh;
height:1200px;
width:45%;
.left_block .title , .right_block .title
overflow:auto;
font-weight:bold;
font-size:2.8vw;
.box1
.box1 .content
line-height:2.2vw;
font-weight:bold;
.box2
.box2 .content
font-size:1.5vw;
line-height:2.3vw;
.box3
.box4
这个css里面拉滚动条是没用的,必须要调整整个窗口的大小才能看到更多的内容 是什么地方出了问题?
译来看看这些有用的ECMAScript 2015（ES6）小技巧
来看看这些有用的ECMAScript 2015（ES6）小技巧
EcmaScript 2015（又名ES6）已经存在了几年，现在各种新功能可以以聪明的方式使用。 我想列出并讨论其中的一些，因为我认为你会发现它们很有用。
如果您知道其他技巧，请在评论中告诉我，我很乐意添加它们。
1.必填参数
ES6提供了默认参数值，允许您设置一些默认值，以便在没有该参数的情况下调用该函数。
在以下示例中，我们将required（）函数设置为a和b参数的默认值。 这意味着如果a或b未被传递，那么将调用required（）函数，您将得到一个错误。
2.强大的 reduce
Array的reduce方法非常灵活。 它通常用于将项目数组转换为单个值。 但你可以做更多的事情。
【2.1同时执行map和filter】
假设你有一个情况，你有一个项目列表，你想更新每个项目（即map），然后只过滤一些项目（即过滤器）。 但这意味着你需要两次运行列表！
在下面的例子中，我们想要将数组中的项目的值加倍，然后只挑选那些大于50的项目。请注意，我们如何使用强大的reduce方法将double（map）和filter筛选出来？ 这非常有效。
【2.2使用“reduce”代替“map”或“filter”】
如果仔细查看上面的示例（从2.1开始），您会知道reduce可用于filter或map项目！
以上是关于CSS 滚动条没有用 前端的同伙来看看的主要内容，如果未能解决你的问题，请参考以下文章
在div+css为啥写滚动条效果在谷歌浏览器有用，而在火狐没用呢