[发明专利]滚动条控制方法及装置

权利要求书

1.一种滚动条控制方法，其特征在于，包括以下步骤：

将浏览器原生滚动条所在的原生滚动条容器嵌套到预设的一外层容器中，其中，所述外层容器为承载自定义滚动条并且隐藏原生滚动条容器的容器；

监控所述原生滚动条容器的滚动事件；

根据所述原生滚动条容器对应的滚动事件，操作所述外层容器中自定义滚动条的位置，使所述自定义滚动条与所述原生滚动条保持一致。

2.如权利要求1所述的方法，其特征在于，所述根据所述原生滚动条容器对应的滚动事件，操作所述外层容器中自定义滚动条的位置，之前还包括：

在监控到所述原生滚动条容器有内容更新时，识别所述外层容器是否存在自定义滚动条；

若存在自定义滚动条，则显示自定义滚动条；

若不存在自定义滚动条，则创建自定义滚动条；将创建的自定义滚动条嵌入所述外层容器中，并将所述自定义滚动条定位至与所述原生滚动条的位置对应的所述外层容器的右边界处。

3.如权利要求1或2所述的方法，其特征在于，所述根据所述原生滚动条容器对应的滚动事件，操作所述外层容器中自定义滚动条的位置，包括：

在监控到所述原生滚动条容器有内容更新时，检测所述原生滚动条容器是否有滚动条出现；

在所述原生滚动条容器有滚动条出现时，分别获取所述原生滚动条容器及外层容器对应的参数；

根据获取的所述原生滚动条容器及外层容器对应的参数，以及所述原生滚动条在原生滚动条容器中的位置，计算自定义滚动条在所述外层容器中的位置；

根据计算结果，操作所述外层容器中自定义滚动条的位置。

4.如权利要求3所述的方法，其特征在于，所述原生滚动条容器有滚动条出现时，分别获取所述原生滚动条容器及外层容器对应的参数，之前还包括：

将所述原生滚动条容器增加预设宽度值，并设置所述原生滚动条容器为层叠样式，同时，在所述原生滚动条容器的内容部分增加所述预设宽度值的右填充。

5.如权利要求4所述的方法，其特征在于，所述检测所述原生滚动条容器是否有滚动条出现，之后还包括：

在所述原生滚动条容器没有滚动条出现时，还原所述原生滚动条容器的宽度，并去掉增加的所述右填充。

6.如权利要求3所述的方法，其特征在于，所述根据获取的所述原生滚动条容器及外层容器对应的参数，以及所述原生滚动条在原生滚动条容器中的位置，计算自定义滚动条在所述外层容器中的位置，包括：

根据获取的原生滚动条容器所对应的原生滚动条容器高度、第一显示内容高度、第一显示内容滚动位置以及外层容器高度，计算得到所述第一显示内容高度与原生滚动条容器高度的高度比值；

利用所述高度比值乘以所述外层容器高度，得到自定义滚动条在外层容器中对应的第二显示内容高度；利用所述高度比值乘以所述原生滚动条在原生滚动条容器中的位置高度，得到所述自定义滚动条在所述外层容器中的位置。

7.如权利要求1或2所述的方法，其特征在于，所述将浏览器原生滚动条所在的原生滚动条容器嵌套到预设的一外层容器中，之后还包括：

监控用户基于自定义滚动条所触发的滚动事件；

根据用户基于自定义滚动条所触发的滚动事件，触发所述原生滚动条对应的滚动事件，从而联动改变所述自定义滚动条的对应位置。