滚动条原理分析:
如上图:
列表可以区高度为 200, 子项为 10 个, 每个高度 20, 滚动条高度为 200, 假定滚动条上下按钮高度各为10, 则
滑动块大小为180,
如果数据总长是 400, 就有 200 的高度, 10 个\子项不可见, 则有如下形式:
// 1 ---------------------------------------------------------------------------------
滚动条滑动块的高度 = (滚动条高度 - 滚动条上下按钮高度) / (数据总高度 / 滚动条高度)
= (200 – 20) / (400 / 200)
滚动条滑动块的高度 =90;
// 2 -----------------------------------------------------------------------------------
滑动块可以移动的范围 = (滚动条高度 - 滚动条上下按钮高度) - 滑动块的高度
= (200 – 20) – 90
滑动块可以移动的范围 =90
/ 3 -----------