亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

offsetTop為什么是16,不應該是15嗎?求解答

offsetTop為什么是16,不應該是15嗎?求解答

慕粉0943041209 2017-05-03 20:44:20
<!DOCTYPE HTML><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script type="text/javascript">? ? function req(){? ? ? ? ? var div = document.getElementById("div1");? ? ? ? ? document.getElementById("li1").innerHTML = (div.offsetTop)+"px";//div1距離屏幕頂部的距離? ? ? ? ? document.getElementById("li2").innerHTML = (div.offsetLeft)+"px";//div1距離屏幕左部的距離? ? ? ? ? document.getElementById("li3").innerHTML = (div.scrollTop)+"px";//div1縱向滾動條滾動的距離? ? ? ? ? document.getElementById("li4").innerHTML = (div.scrollLeft)+"px";//div1橫向滾動條滾動的距離? ? ?}</script></head><body style="border:10px solid #ccc;padding:0px 0px;margin:5px 10px">? ? <div style="width:60%;border-right:1px dashed red;float:left;">? ? ? ? <div style="float:left;">? ? ? ? ? ? <div id="div1" style="border:10px red solid;height:300px;width:200px;overflow:auto">? ? ? ? ? ? ? ? <div style="height:500px;width:400px">請調整橫豎滾動條后,點擊按鈕后查看offsetTop、offsetLeft、scrollTop、scrollLeft值。</div>? ? ? ? ? ? </div>? ? ? ? ? ? <input type="button" value="點擊我!" onclick="req()" style="border: 1px solid purple;height: 25px;"/>? ? ? ? </div>? ? ? ??? ? </div>? ? <div style="width:30%;float:left;">? ? ? ? <ul style="list-style-type: none; line-height:30px;">結果:? ? ? ? ? ? <li>offsetTop : <span id="li1"></span></li>? ? ? ? ? ? <li>offsetLeft : <span id="li2"></span></li>? ? ? ? ? ? <li> scrollTop : <span id="li3"></span></li>? ? ? ? ? ? <li>scrollLeft : <span id="li4"></span></li>? ? ? ? </ul>? ? ? ??? ? </div>? ? <div style="clear:both;"></div> ? ?</body></html>
查看完整描述

1 回答

?
慕勒7123956

TA貢獻35條經驗 獲得超15個贊

我把你的代碼運行了一下,在我的chrome下顯示的確是15

查看完整回答
反對 回復 2017-05-04
點擊展開后面1
  • 1 回答
  • 0 關注
  • 1721 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號