HTML Tabs 最佳实践

Tabs 面板的显示和隐藏一般以 display 来控制显示和隐藏,但是如果默认未显示的 Tabs 面板中渲染需要知道面板宽高的组件 (如 Canvas,某些轮播组件等)时,就会因为面板在 display:none 的状态下无法拿到宽高导致渲染组件异常。

这里建议 Tabs 使用 position:absolute 来将不可见的组件移动到用户不可见的负坐标区域,需要时再将面板移动到可见区域, 来避免面板不可见时渲染内部组件异常的问题。而且也可以做一些滑动显示的动画效果。

阅读详情...

最近文章

Help
[count]gg 跳转到第 [count] 行,默认第 1 行。
[count]G 跳转到第 [count] 行,默认最后一行。
[count]j 向下跳转 [count] 行,默认跳转一行。
[count]k 向上跳转 [count] 行,默认跳转一行。
/ 开始搜索。按 <Esc> 退出。
gh 跳转到首页。
gb 跳转到博客首页。
gw 跳转到 Wiki 首页。
gt 跳转到我的 Twitter Profile 页。
gp 跳转到我的 Github Profile 页。
? 打开帮助。按 <Esc> 退出。