每次切换 Tabs,页面有抖动的现象;
原因:页面高度变化,导致页面抖动;究其根本原因是滚动条是否显示导致的;

  • 当滚动条显示的时候,整个页面就会“抖动一下”
  • 因为每个 Tabs下的页面高度都是不确定的,每次切换 Tab因为页面高度的动态加载,导致页面产生抖动效果。
    1. html,body{ overflow-y:scroll}
    2. html,body{ overflow:scroll; min-height:101%;}
    3. html{ overflow:-moz-scrollbars-vertical}

Tabs组件切换页面抖动

给 Tabs组件设置个 min-height:800, height:auto

  1. <Tabs style={{minHeight:800, height: 'auto'}} />