一、fixed超出窗口大小部分无法滚动
问题:
使用fixed固定一个div,当这个div高度大于窗口高度后,超出的内容无法滚动查看。
解决办法:
在设置fixed的div添加样式 height:100%;overflow:auto; 即可。
据说还可以设置样式 max-height:100%;overflow:auto; 即可。
具体还是根据情况设置当前div的宽度,若当前div宽度是个固定值不想设置成百分数,则:
可以在外层包裹一个div设置为position:fixed;height:100%;overflow:auto;当前div就不需要在fixed,正常设置高宽等即可。
二、刷新或者加载出现变量闪烁再显示值的问题
<div id="app" v-cloak></div>
<style>
[v-cloak] {
display: none !important;
}
</style>
v-cloak:用于解决初始化慢导致页面闪动的问题
三、动画变换效果
问题1:transition有时有效有时无效
.submit:hover {
color: #E0ECFF;
transition: 2s all; // 有用!!
}
.submit:active {
top: 30px;
/* transition: 2s all; 没点用 */
}
结果:因为top变换没有初始值!!!