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

放大鏡的bug

我想問一下如果按下F12調(diào)試上面那個(gè)鼠標(biāo)方塊會(huì)和鼠標(biāo)分離,這要怎么解決

慕粉4295183

2017-02-23

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

關(guān)注問題我要回答

1605

操作

收起

2 回答

Shadow_HongYuKeJi
2017-03-08

[Shadow]解決當(dāng)頁(yè)面出現(xiàn)滾動(dòng)時(shí)，放大鏡與鼠標(biāo)發(fā)生分離問題:?

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

很簡(jiǎn)單,只需要加上對(duì)應(yīng)的 document.body.scrollLeft 和 document.body.scrollTop 即可解決.

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Shadow_HongYuKeJi

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