首页 > 其他 > 详细

元素偏移量offset系列 京东放大镜案例

时间:2020-06-04 21:13:56      阅读:52      评论:0      收藏:0      [点我收藏+]

技术分享图片

问题1、son1移动距离,son2也移动等比例距离
解决思路 son1的偏移距离(e.pageX-image1.offsetLeft)与son1的最大偏移距离(image.width-son1.width)之比 === son2的偏移距离与son2的最大偏移距离之比
也就是 son2的偏移距离=son1的偏移距离*(son2的最大偏移距离比son1的最大偏移距离)
问题2、son1 与son2的图片信息同步(son2为son1的放大倍数)
解决思路,son1与img1的比例
=son2与img2的比例

技术分享图片
技术分享图片

元素偏移量offset系列 京东放大镜案例

原文:https://www.cnblogs.com/xjt31/p/13045648.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!