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