滚动条出现导致页面跳动

html {
  overflow-y: scroll;
}

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

:root body {
  position: absolute;
}

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

参考资料：
https://www.zhangxinxu.com/wordpress/2015/01/css-page-scrollbar-toggle-center-no-jumping/

哈哈发现宽度小了，没有横向滚动条，进行修改

@media screen and ( max-width: 1365px ) {
    :root {
        overflow-y: auto;
        overflow-x: auto;
    }
}
body {
    min-width:1300px;
    width: 100vw;
    overflow: hidden;
}