資訊專欄INFORMATION COLUMN
摘要：所以屏幕的滾動實際上是內部的滾動，所以也就沒有觸發的滾動事件。
先將下面標簽、樣式以及事件寫好，運行之后滾動屏幕控制臺正常輸出。
html, body {height: auto; overflow: auto;}
#container {height: 1000px; overflow: auto;}
$(document).scroll(function(){
console.log("document is scrolling");
});
將樣式稍作修改如下，再次運行并滾動屏幕，控制臺并無輸出。
html, body {height: 100%; overflow: auto;}
#container {height:1000px; overflow: auto;}
其實分析起來原因很簡單，就是html,body的高度限制為屏幕高度（作全屏經常使用的樣式），所以#container高度超過屏幕高度后就產生滾動條，其height體現在scrollHeight(DOM節點的屬性)。所以屏幕的滾動實際上是#container內部的滾動，所以也就沒有觸發document的滾動事件。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/85869.html
摘要：效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。可交互視頻此視頻是可以交互的，你可以隨時暫停視頻，編輯視頻中的代碼。 showImg(https://segmentfault.com/img/bVbigC0?w=400&h=299); 效果預覽 按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。 https://codepen.io/comehop...
摘要：效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。可交互視頻此視頻是可以交互的，你可以隨時暫停視頻，編輯視頻中的代碼。 showImg(https://segmentfault.com/img/bVbigC0?w=400&h=299); 效果預覽 按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。 https://codepen.io/comehop...
摘要：效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。源代碼下載每日前端實戰系列的全部源代碼請從下載代碼解讀此項目無用戶自定義的元素，利用系統默認的元素作為容器。 showImg(https://segmentfault.com/img/bVbhOAl?w=400&h=300); 效果預覽 按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。 https:...
摘要：效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。源代碼下載每日前端實戰系列的全部源代碼請從下載代碼解讀此項目無用戶自定義的元素，利用系統默認的元素作為容器。 showImg(https://segmentfault.com/img/bVbhOAl?w=400&h=300); 效果預覽 按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。 https:...
閱讀 3063·2023-04-26 00:40
閱讀 2408·2021-09-27 13:47
閱讀 4270·2021-09-07 10:22
閱讀 2977·2021-09-06 15:02
閱讀 3323·2021-09-04 16:45
閱讀 2510·2021-08-11 10:23
閱讀 3612·2021-07-26 23:38
閱讀 2910·2019-08-30 15:54
