function impregnationStockingDemandMainHtml(id) {
let html = `
<div style="width: 100%;height: 80vh;background-color: #0f81cc;overflow: auto;" id="zxStockingDemandArea">
<ul style="width: 100%;height: 100%;" id="zxStockingDemandContent">
<li style="width: 100%;height: 10vh;">
<h1>這是注入頁面</h1>
</li>
</ul>
</div>
`;
let targetDom = document.getElementById("myTabContentOne");
targetDom.innerHTML = html;
targetDom.style.backgroundColor = "#f2f2f2f2";
document.getElementById("zxStockingDemandArea").onscroll = function() {
if(getScrollTop() + getClientHeight() == getScrollHeight()) {
console.log("getScrollTop",getScrollTop());
console.log("getClientHeight",getClientHeight());
console.log("getScrollHeight",getScrollHeight());
console.log('下拉刷新了')
}
}
}
// 獲取滾動條當(dāng)前的位置
function getScrollTop() {
let scrollTop = 0;
let dom = document.getElementById("zxStockingDemandArea");// ContentArea ID 可以更換
if(dom && dom.scrollTop) {
scrollTop = dom.scrollTop;
}
return scrollTop;
}
// 獲取目標(biāo)可視范圍的高度
function getClientHeight() {
let clientHeight = 0;
let dom = document.getElementById("zxStockingDemandArea");// ContentArea ID 可以更換
if(document.body.clientHeight && dom.clientHeight) {
clientHeight = dom.clientHeight;
} else {
clientHeight = dom.clientHeight;
}
return clientHeight;
}
// 獲取內(nèi)容當(dāng)前高度的高度
function getScrollHeight() {
let dom = document.getElementById("zxStockingDemandContent"); // ContentDom ID 可以更換
return dom.scrollHeight;
}
js web 滾動翻頁
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門滔金，熙熙樓的掌柜王于貴愁眉苦臉地迎上來色解，“玉大人，你說我怎么就攤上這事餐茵】蒲郑” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵忿族，是天一觀的道長锣笨。 經(jīng)常有香客問我，道長道批，這世上最難降的妖魔是什么错英？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮隆豹，結(jié)果婚禮上椭岩，老公的妹妹穿的比我還像新娘。我一直安慰自己璃赡，他們只是感情好判哥，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著碉考，像睡著了一般塌计。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上侯谁，一...
- 文/蒼蘭香墨 我猛地睜開眼窍箍，長吁一口氣：“原來是場噩夢啊……” “哼串纺！你這毒婦竟也來了丽旅？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布堕扶，位于F島的核電站，受9級特大地震影響梭依，放射性物質(zhì)發(fā)生泄漏稍算。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一役拴、第九天 我趴在偏房一處隱蔽的房頂上張望糊探。 院中可真熱鬧，春花似錦扎狱、人聲如沸侧到。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽匠抗。三九已至，卻和暖如春污抬，著一層夾襖步出監(jiān)牢的瞬間汞贸，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 這是簡易數(shù)據(jù)分析系列的第 10 篇文章竣灌。 原文首發(fā)于博客園：簡易數(shù)據(jù)分析 10聂沙。 友情提示：這一篇文章的內(nèi)容較多，...
- 阻止移動端窗體滾動的JS/CSS處理 首先CSS層面初嘹，在 標(biāo)簽上增加一個類名及汉，例如noscroll，然后配合如下C...
- 先上成果圖 githubhttps://github.com/li328250157/markdown 網(wǎng)頁的布局...
- 也不記得是多久以前寫的一個的小demo，現(xiàn)在整理下驻龟，發(fā)出來温眉，我想也許對有疑惑的伙伴們一點思路。 效果就是表格表頭固...
- 放大鏡特效豌骏，里面包含了鼠標(biāo)跟隨特效的實現(xiàn)方式 具體代碼如下： 其中導(dǎo)入的animate.js文件內(nèi)容如下： 效果展...
