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

放大镜的bug

我想问一下如果按下F12调试上面那个鼠标方块会和鼠标分离,这要怎么解决

慕粉4295183

2017-02-23

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

关注问题我要回答

1467

操作

收起

2 回答

Shadow_HongYuKeJi
2017-03-08

[Shadow]解决当页面出现滚动时，放大镜与鼠标发生分离问题:

var left = _event.clientX + document.body.scrollLeft - ......; 
var top = _event.clientY + document.body.scrollTop - ......;

很简单,只需要加上对应的 document.body.scrollLeft 和 document.body.scrollTop 即可解决.

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

收起回答

Shadow_HongYuKeJi

[修复浏览器兼容BUG]解决当页面出现滚动时，放大镜与鼠标发生分离问题: var left = _event.clientX + $(document).scrollLeft() - ......; var top = _event.clientY + $(document).scrollTop() - ......; 很简单,只需要加上对应的 $(document).scrollLeft() 和 $(document).scrollTop() 即可解决.