案例在小窗口瀏覽器中會(huì)出現(xiàn)bug。
? 發(fā)現(xiàn)一個(gè)bug。求大神解釋一下,老師用的offset方法是獲取節(jié)點(diǎn)相對(duì)于body節(jié)點(diǎn)邊緣的距離。始終是固定值。而獲取鼠標(biāo)位置使用的client方法,是獲取鼠標(biāo)在窗口中的位置,不是相對(duì)于body節(jié)點(diǎn)邊緣的位置。所以,當(dāng)頁(yè)面發(fā)生滾動(dòng)之后,鼠標(biāo)和浮動(dòng)div會(huì)發(fā)生錯(cuò)位。也就是說(shuō),如果案例中,小圖片的位置,如果在第一版面以外,與body節(jié)點(diǎn)上邊緣距離遠(yuǎn)大于窗口高度的時(shí)候,無(wú)論鼠標(biāo)如何移動(dòng),右邊大圖只會(huì)顯示最上面一排。同理,如果小圖片位置足夠靠右,距離遠(yuǎn)大于窗口高度的時(shí)候,右邊的大圖,無(wú)論鼠標(biāo)如何移動(dòng),只能顯示左上角區(qū)域,所有代碼成了擺設(shè)。
??所以老師,一個(gè)瀏覽器都沒(méi)搞定,還教我們跨瀏覽器兼容?
2015-12-12
已經(jīng)解決了。document.body.scrollLeft方法可以獲取已經(jīng)滾動(dòng)過(guò)的距離,加載鼠標(biāo)坐標(biāo)上就可以了。
2015-12-10
可能這是老師沒(méi)有考慮到的吧