                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /用JS实现放大镜特效

放大镜效果通过scroll来实现可以吗？

我的实现思路是：在代码中检测图片大小求出比例，检测鼠标在小图片中移动了多少，大图片在div的也移动相应比例的距离，但是这样有一个问题，用scrollLeft 和 scrollTop 只能保证左上角的点是正确的。放大镜覆盖的区域没有办法和大图显示的区域完全成比例（需要手动修改css），我自己觉得这方法太笨。有好思路的望不吝赐教

neoyoun

2015-11-25

源自：用JS实现放大镜特效 4-1

关注问题我要回答

1251

操作

收起

2 回答

慕移动9181930
2022-03-22

貌似我错了呢，罪过p e n t a k i l l

0 回复有任何疑惑可以回复我~

想念云的雨
2016-05-31

大图区域图片比框要大，和小图区域是不一样的，scrollLeft 和 scrollTop是滚动的距离，建议用offsetLeft 和offsetTop

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

用JS实现放大镜特效

参与学习 30099 人
解答问题 109 个

让图片看起来更美观，同时课程中详细介绍了JavaScript相关的知识点

本课相似问答

2 回答放大镜效果

2 回答放大镜的bug

1 回答放大镜的比例求解？

1 回答mask层的层级必须在放大镜之上吧？

1 回答放大镜忒小中关于x/(B-A)=?/(D-C)的改进

搜索更多本课相关问答

放大镜效果通过scroll来实现可以吗？

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号