                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /用JS實現(xiàn)放大鏡特效

放大鏡的bug

我想問一下如果按下F12調試上面那個鼠標方塊會和鼠標分離,這要怎么解決

慕粉4295183

2017-02-23

源自：用JS實現(xiàn)放大鏡特效 4-1

關注問題我要回答

1589

操作

收起

2 回答

Shadow_HongYuKeJi
2017-03-08

[Shadow]解決當頁面出現(xiàn)滾動時，放大鏡與鼠標發(fā)生分離問題:?

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

很簡單,只需要加上對應的 document.body.scrollLeft 和 document.body.scrollTop 即可解決.

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

收起回答

#1

Shadow_HongYuKeJi

[修復瀏覽器兼容BUG]解決當頁面出現(xiàn)滾動時，放大鏡與鼠標發(fā)生分離問題: var left = _event.clientX + $(document).scrollLeft() - ......; var top = _event.clientY + $(document).scrollTop() - ......; 很簡單,只需要加上對應的 $(document).scrollLeft() 和 $(document).scrollTop() 即可解決.