放大镜效果通过scroll来实现可以吗？-慕课网

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

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

neoyoun

2015-11-25 16:28

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

写回答关注

2回答

慕移动9181930

2022-03-22 23:11:56

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

0 0
想念云的雨

2016-05-31 10:08:30

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

0 0

用JS实现放大镜特效

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

30108 学习 · 108 问题

查看课程

相似问题

放大镜效果

回答 2

放大镜的bug

回答 2

放大镜的比例求解？

回答 1

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

回答 1

整么做到放大镜的区域对应的放大区域是我们想要的呢？而不是放大的其他区域

回答 1

打开慕课网App查看更多内容