const tabs = ['tab1', 'tab1','tab1','tab1', ...] // tab 数组 const len = tabs.length // 数组长度 const w = 100 // tab宽度 const clientWidth = 700 // tab可视宽度 const center = clientWidth / 2 // 中心 const canScrollWidth = len * w - clientWIdth // 横向可移动距离 const left = curent * w - center + w / 2 // 横向移动距离临界值 const scrollLeft = left > 0 ? left > canScrollWidth ? canScrollWidth : left : 0
横向可滚动tab栏, 选中tab居中计算
于 2024-01-12 16:01:37 首次发布
本文介绍了如何使用JavaScript处理一个动态tab数组,通过计算tab的宽度、可视区域宽度和横向可移动距离,实现tab在不同屏幕尺寸下的自动调整以及横向滚动功能。
摘要由CSDN通过智能技术生成