JavaScript实现垂直滚动条效果

前端之家收集整理的这篇文章主要介绍了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"> 垂直滚动条
Box" id="Box">

效果:@H_502_1@

@H_502_1@@H_502_1@

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。@H_502_1@

猜你在找的JavaScript相关文章