使tab切换不会因为出现滚动条使页面抖动

Posted on Edited on In

方法1：

1
2
3
直接 html {height: 100%; margin-bottom: 1px; }<br>
                或者body { overflow-y: scroll;}<br>
                缺点：页面会默认有滚动条的槽<br>

完美解决方案：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
html {
                overflow-y: scroll;
                }

                :root {
                overflow-y: auto;
                overflow-x: hidden;
                }

                :root body {
                position: absolute;
                }

                body {
                width: 100vw;
                overflow: hidden;
                }