課程
/前端開發
/JavaScript
/JavaScript進階篇
滾動條的效果在這個代碼里是通過哪幾行代碼來實現的？
2016-09-12
源自：JavaScript進階篇 9-21
正在回答
當子元素寬度和高度都超出父元素的寬度和高度時，就會產生內容溢出元素框。overflow 屬性規定當內容溢出元素框時發生的事情。overflow 為CSS中設置當對象的內容超過其指定高度及寬度時如何管理內容的屬性。
這個屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll，不論是否需要，用戶代理都會提供一種滾動機制。因此，有可能即使元素框中可以放下所有內容也會出現滾動條。
所以前面在設置時：
<div id="div1" style="border:5px red solid;height:300px;width:200px;overflow:auto">
? ? ? ? ? ? ? ? <div style="height:400px;width:400px">請調整橫豎滾動條后，點擊按鈕后查看offsetTop、offsetLeft、scrollTop、scrollLeft值。</div>
子元素的范圍超出了父元素，產生滾動條，后面定義了overflow:auto，設置了滾動條的屬性。
應該是里面的那個div的高度和寬度大于外面那個div的寬高，為了能放得下就會自動添加滾動條。
?<div id="div1" style="border:5px red solid;height:300px;width:200px;overflow:auto">
稻穗陳落入夢來
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
1 回答window.open的滾動條
1 回答滾動條的寬度是不是默認的??？
1 回答在本地運行有滾動條跟沒滾動條的寬度都一樣？
3 回答clientWidth是包含還是不包含滾動條的寬度??？
7 回答當前窗口的寬度window.innerWidth是否包含滾動條？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
<strike id="t3fp8"></strike>
2016-10-03
當子元素寬度和高度都超出父元素的寬度和高度時，就會產生內容溢出元素框。overflow 屬性規定當內容溢出元素框時發生的事情。overflow 為CSS中設置當對象的內容超過其指定高度及寬度時如何管理內容的屬性。
這個屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll，不論是否需要，用戶代理都會提供一種滾動機制。因此，有可能即使元素框中可以放下所有內容也會出現滾動條。
所以前面在設置時：
<div id="div1" style="border:5px red solid;height:300px;width:200px;overflow:auto">
? ? ? ? ? ? ? ? <div style="height:400px;width:400px">請調整橫豎滾動條后，點擊按鈕后查看offsetTop、offsetLeft、scrollTop、scrollLeft值。</div>
子元素的范圍超出了父元素，產生滾動條，后面定義了overflow:auto，設置了滾動條的屬性。
2016-09-12
應該是里面的那個div的高度和寬度大于外面那個div的寬高，為了能放得下就會自動添加滾動條。
?<div id="div1" style="border:5px red solid;height:300px;width:200px;overflow:auto">
? ? ? ? ? ? ? ? <div style="height:400px;width:400px">請調整橫豎滾動條后，點擊按鈕后查看offsetTop、offsetLeft、scrollTop、scrollLeft值。</div>