window.onscroll = function(){
//變量scrollTop是滾動條滾動時勃痴,距離頂部的距離
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
//變量windowHeight是可視區(qū)的高度
var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
//變量scrollHeight是滾動條的總高度
var scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight;
//滾動條到底部的條件
if(scrollTop+windowHeight==scrollHeight){
console.log("距頂部"+scrollTop+"可視區(qū)高度"+windowHeight+"滾動條總高度"+scrollHeight);
}
}
原生javascript、js判斷滾動到瀏覽器底部觸發(fā)事件
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來遣疯,“玉大人雄可,你說我怎么就攤上這事〔” “怎么了数苫?”我有些...
- 文/不壞的土叔 我叫張陵,是天一觀的道長辨液。 經(jīng)常有香客問我虐急,道長,這世上最難降的妖魔是什么滔迈? 我笑而不...
- 正文 為了忘掉前任止吁,我火速辦了婚禮,結果婚禮上燎悍,老公的妹妹穿的比我還像新娘敬惦。我一直安慰自己,他們只是感情好谈山,可當我...
- 文/花漫 我一把揭開白布俄删。 她就那樣靜靜地躺著,像睡著了一般奏路。 火紅的嫁衣襯著肌膚如雪畴椰。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼销斟,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了椒舵?” 一聲冷哼從身側響起蚂踊,我...
- 正文 年R本政府宣布,位于F島的核電站育苟,受9級特大地震影響较鼓,放射性物質發(fā)生泄漏。R本人自食惡果不足惜违柏,卻給世界環(huán)境...
- 文/蒙蒙 一博烂、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧漱竖,春花似錦禽篱、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至讼积,卻和暖如春肥照,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背勤众。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 現(xiàn)象:滾動條在底部觸發(fā)兩次加載事件 當滾動條在底部顯示時 滾動分頁代碼實現(xiàn) 火狐bug:當滾動條顯示在頁面底部時称近,...
- 我們在做項目的時候第队,總會有某些需求要求用戶滾動到瀏覽器的底部,重新加載新內容刨秆,比如瀑布流凳谦,懶加載這些。 所以今天就...
- 一衡未、屬性值 1尸执、scrollTop 滾動條滾動的垂直距離 2家凯、clientHeight 可視區(qū)的內容+內邊距(不包...