js盒子联动移动公式

来源:互联网 发布:浙江师范行知学院论坛 编辑:程序博客网 时间:2024/05/17 08:20
模拟垂直滚动条口诀:
动态设置滚动条的高度 scrollBarHeight = 
( 容器的高度 / 内容的高度*容器的高度 )
   
滚动条滚动一次    内容移动的距离
(内容的高度 - 容器的高度)   / (容器的高度 - 滚动条的高度)* 滚动条移动的距离


放大镜案例公式:
//大盒子走的距离/mask走的距离 = (大图片 - 大盒子)/(小图片 - mask盒子)
//比例公式  大图片宽度 - 大盒子宽度/ 小盒子宽度 - mask宽度

原创粉丝点击