以纵向滚动条为例:
>>已知条件:
滚动条高度=h
最大值=max
最小值=min
翻页跨度=p
>>基本算法
页数: pageCount = (max - min) / p
滑块高度: thumbH = h / pageCount *取整数部分
步距: step = (max - min ) / ( h - thumbH )
当前值: currentValue = min + 滑块y坐标 * step *坐标都为局部坐标
>>基本思路
完全遵从大众熟悉的滚动条的动作特点和操作习惯。
有单步移动和翻页移动,还有连续移动(鼠标按住滑轨不放)。
鼠标点击滑轨后,滑块将以点击点为中心,重新定位