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