前端之家收集整理的这篇文章主要介绍了
JavaScript实现垂直滚动条效果,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例为大家分享了js垂直滚动条的实现代码,供大家参考,具体内容如下@H_502_1@
1、红色盒子高度计算公式:
@H_
502_1@
容器的高度 / 内容的高度 * 容器的高度
@H_502_1@
2、红色方块移动一像素 ,我们的内容盒子移动多少呢?
@H_
502_1@
(内容盒子高度 - 大盒子高度) / (大盒子高度 - 红色盒子的高度) 计算倍数@H_502_1@
(内容盒子高度 - 大盒子高度)/ (大盒子高度 - 红色盒子的高度) * 红色盒子移动的数值
@H_502_1@
<
Meta charset="UTF-8">
垂直滚动条