clientX,Y與pageX,Y的差異，您肯定不知道的！（框架細(xì)節(jié)十）
- • 發(fā)表于 9年前
- • 作者 Roluce
- • 9165 人瀏覽
- • 2 條評(píng)論
- • 最后編輯時(shí)間 9年前
- • 來(lái)自 [技 術(shù)]
原創(chuàng)聲明:本文為作者原創(chuàng)，未經(jīng)允許不得轉(zhuǎn)載，經(jīng)授權(quán)轉(zhuǎn)載需注明作者和出處
以初學(xué)者的視角看問(wèn)題，感謝各路大神的糾錯(cuò)與指教！~
本篇重點(diǎn)討論的是：
PS：我之前測(cè)試過(guò)很多次，PageX,Y和ClientX,Y的數(shù)值一直相等，我以為是“Bug”呢
我也發(fā)帖求助過(guò)，沒(méi)得到想要的答案，今早突然悟出來(lái)了……
原來(lái)：
在頁(yè)面的尺寸(寬或高)小于屏幕的時(shí)候（即沒(méi)有滾動(dòng)條的時(shí)候），PageX,Y和ClientX,Y的數(shù)據(jù)相等。
只有在頁(yè)面的尺寸(寬或高)大于屏幕的時(shí)候（即有縱向或橫向滾動(dòng)條的時(shí)候），PageX,Y和ClientX,Y才會(huì)有差異。
來(lái)張動(dòng)態(tài)示意圖
重點(diǎn)說(shuō)明：
以上測(cè)試的是縱向的變化，橫向變化同理。
內(nèi)容的寬度大于屏幕的寬度即可。
共2條評(píng)論
Ctrl+Enter
