在HTML中,支持上下页切换的分页框类组件的标准名称是什么?
对应组件的标准名称
该类组件的通用标准命名为卡片分页组件(Card Pagination Component),属于分页组件的细分变体,核心特征是分页逻辑完全独立于页面全局分页,仅作用于当前框体容器内部。
业内也存在多个常见别名:
- 内部分页内容容器
- 带导航的内容滑块
- 分段式卡片组件
实现参考
如果要快速实现同等效果,可参考主流UI库的现成组件调整配置:
- React生态:使用
Carousel走马灯组件开启极简导航模式即可,也可自行组合Card卡片组件与Pagination分页组件做二次封装 - Vue生态:使用
Slide Group或Carousel组件,隐藏默认滑动指示器后绑定自定义上下页按钮即可匹配需求 - 原生实现:核心逻辑为固定宽高的内容容器,通过JS控制内部不同内容块的显隐状态,监听上下页按钮的点击事件切换状态即可

内容的提问来源于stack exchange,提问作者Lumificier
相关产品推荐
相关产品推荐

