CSS hover改变原生时出现抖动解决方法

有时我们会通过hover改变元素展示状态或高宽度
但这样可能会引发页面抖动的奇葩事
首先分析原因 : 其实这是谷歌浏览器的BUG 当你改变内容时 浏览器以为元素超出了，立刻展示出滚动条 过一会儿又发现 :哦 元素改变了，但并没有超出啊…
于是就又把滚动条收回去了 …说实话我很无语这个
那解决办法就很明显了
首先是最简单的

html{
    overflow-y: scroll;
}

这样就不会抖动了，但坏处是滚动条会一直展示 就是元素没用超出 依旧会展示出一条白线
你可以隐藏滚动条 但不建议这样做 因为如果客户鼠标滚轮不好用 那就尴尬了

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

或者

html{
    overflow-y: hidden;
}

如果知道自己的元素肯达不会超出就可以这样写 否则还是不建议这种写法