每次切换 Tabs,页面有抖动的现象;
原因:页面高度变化,导致页面抖动;究其根本原因是滚动条是否显示导致的;
- 当滚动条显示的时候,整个页面就会“抖动一下”
- 因为每个 Tabs下的页面高度都是不确定的,每次切换 Tab因为页面高度的动态加载,导致页面产生抖动效果。
html,body{ overflow-y:scroll}
html,body{ overflow:scroll; min-height:101%;}
html{ overflow:-moz-scrollbars-vertical}
Tabs组件切换页面抖动
给 Tabs组件设置个 min-height:800, height:auto
<Tabs style={{minHeight:800, height: 'auto'}} />