You need to enable JavaScript to run this app. 在HTML中,支持上下页切换的分页框类组件的标准名称是什么?
优惠活动
大模型
产品
解决方案
定价
更多

在HTML中,支持上下页切换的分页框类组件的标准名称是什么?

对应组件的标准名称

该类组件的通用标准命名为卡片分页组件(Card Pagination Component),属于分页组件的细分变体,核心特征是分页逻辑完全独立于页面全局分页,仅作用于当前框体容器内部。
业内也存在多个常见别名:

  • 内部分页内容容器
  • 带导航的内容滑块
  • 分段式卡片组件
实现参考

如果要快速实现同等效果,可参考主流UI库的现成组件调整配置:

  • React生态:使用Carousel走马灯组件开启极简导航模式即可,也可自行组合Card卡片组件与Pagination分页组件做二次封装
  • Vue生态:使用Slide Group或Carousel组件,隐藏默认滑动指示器后绑定自定义上下页按钮即可匹配需求
  • 原生实现:核心逻辑为固定宽高的内容容器,通过JS控制内部不同内容块的显隐状态,监听上下页按钮的点击事件切换状态即可

Google Trends示例组件


内容的提问来源于stack exchange,提问作者Lumificier

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.09 22:39:04