日本的畫師果然是很懂我們的審美觀的，真的很懂

(adsbygoogle = window.adsbygoogle || []).push({});

相關推薦 為你推薦 關閉 let midiv = document.querySelector("#pop_2_3_main"); let fixdiv = document.querySelector("#pop_2_3_fixed_box"); let mainBox = document.querySelector(".headling_main"); let midUrl = []; let fixUrl = []; let ismid = true; let isfix = true; let isshow23 = true; let artid = 4146838; console.log("onload") $.ajax({ url: "/xstat/articleextend?id=" + artid, type: "json", success: function (result) { let fixList = []; let midList = []; let data = JSON.parse(result); let extendids = []; data.forEach(r => { if (r.position === 2) { fixList.push(r); } else { midList.push(r); } extendids.push(r.artid); }) if (extendids.length > 0) { $.post({ url: `https://twtpstat.zhentoo.com/extendstat.ashx?artid=${artid}&extendids=${extendids.toString()}&position=1&type=0`, success: function (result) { //location.href = m.url; } }); } if (midList.length == 0) { document.querySelector("#pop_2_3").style.display = "none"; } else { document.querySelector("#pop_2_3").style.display = "block"; } if (fixList.length == 0) { document.querySelector("#pop_2_3_fixed").style.display = "none"; } else { document.querySelector("#pop_2_3_fixed").style.display = "flex"; } midList.forEach((m, index) => { let html = ``; if (index === 1) { html = ` ${m.title} ` } else { html = ` ${m.title} ` } let node = document.createElement("div") node.addEventListener("click", () => { $.post({ url: `https://twtpstat.zhentoo.com/extendstat.ashx?artid=${artid}&extendids=${m.artid}&position=1&type=2`, success: function (result) { location.href = m.url; } }); }) node.innerHTML = html; midiv.appendChild(node) midUrl.push(m.artid); }) fixList.forEach((m, index) => { let html = ``; if (index === 1) { html = ` ${m.title} ` } else { html = ` ${m.title} ` } let node = document.createElement("div") node.addEventListener("click", () => { $.post({ url: `https://twtpstat.zhentoo.com/extendstat.ashx?artid=${artid}&extendids=${m.artid}&position=2&type=2`, success: function (result) { location.href = m.url; } }); }) node.innerHTML = html; fixdiv.appendChild(node) fixUrl.push(m.artid); }) } }); function hasScrollbar() { return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight); } function closePop23() { document.querySelector("#pop_2_3_fixed").style.transform = "translateY(100vh)" } if (hasScrollbar()) { document.addEventListener("scroll", function () { var scope = (midiv.offsetHeight * (100 - 80)) / 100; //廣告欄可出線範圍大小 var cH = document.documentElement.clientHeight; //當前頁面可見區域高度 var tY = midiv.getBoundingClientRect().top; //廣告欄頂部到可見區域頂端的高度 var bY = midiv.getBoundingClientRect().bottom; //廣告欄底部到可見區域頂端的高度 // 需要考慮兩種可能 當tY小於-scope則代表不在窗口展示 當bY大於cH+scope則代表不在窗口展示 if (tY cH + scope) { } else if (ismid) { ismid = false; var extendids = []; midUrl.forEach(u => { extendids.push(u); }); if (extendids.length > 0) { $.post({ url: `https://twtpstat.zhentoo.com/extendstat.ashx?artid=${artid}&extendids=${extendids.toString()}&position=1&type=1`, success: function (result) { } }); } } }); console.log("bodygundongt") var clint = document.documentElement; var clintbox = document.querySelector(".headling_word_main_box"); //獲取視圖窗口的高度 var windowHeight = document.body.clientHeight; //綁定事件 window.addEventListener('scroll', function () { let SH = parseInt(clint.scrollTop); let H = parseInt(clint.scrollHeight); console.log(SH,clintbox.clientHeight * 2 / 3) if (SH >= clintbox.clientHeight * 2 / 3) { //此時滾動條滾動到底部 if (isshow23) { isshow23 = false; document.querySelector("#pop_2_3_fixed").style.transform = "translateY(0)" var extendids = []; fixUrl.forEach(u => { extendids.push(u); }) $.post({url: `https://twtpstat.zhentoo.com/extendstat.ashx?artid=${artid}&extendids=${extendids.toString()}&position=2&type=1`, success: function (result) { }}); } } }); } else { mainBox.addEventListener("scroll", function () { var scope = (midiv.offsetHeight * (100 - 80)) / 100; //廣告欄可出線範圍大小 var cH = mainBox.clientHeight; //當前頁面可見區域高度 var tY = midiv.getBoundingClientRect().top; //廣告欄頂部到可見區域頂端的高度 console.log(cH); var bY = midiv.getBoundingClientRect().bottom; //廣告欄底部到可見區域頂端的高度 // 需要考慮兩種可能 當tY小於-scope則代表不在窗口展示 當bY大於cH+scope則代表不在窗口展示 if (tY cH + scope) { } else if (ismid) { ismid = false; var extendids = []; midUrl.forEach(u => { extendids.push(u); }) if (extendids.length > 0) { $.post({ url: `https://twtpstat.zhentoo.com/extendstat.ashx?artid=${artid}&extendids=${extendids.toString()}&position=1&type=1`, success: function (result) { } }); } } }); var clint = document.querySelector(".headling_word_main_box"); //獲取視圖窗口的高度 var windowHeight = document.body.clientHeight; //綁定事件 mainBox.addEventListener('scroll', function () { let SH = parseInt(mainBox.scrollTop + windowHeight); let H = parseInt(mainBox.scrollHeight); if (SH >= clint.clientHeight) { //此時滾動條滾動到底部 if (isshow23) { isshow23 = false; document.querySelector("#pop_2_3_fixed").style.transform = "translateY(0)" var extendids = []; fixUrl.forEach(u => { extendids.push(u); }) if (extendids.length > 0) { $.post({ url: `https://twtpstat.zhentoo.com/extendstat.ashx?artid=${artid}&extendids=${extendids.toString()}&position=2&type=1`, success: function (result) { } }); } } } }); } #pop_2_3_main_fixed { width: 92%; height: 235px; background: #fff; opacity: 1; border-radius: 5px; padding: 0 7px; position: relative; } #pop_2_3_fixed { display: flex; align-items: center; justify-content: center; position: fixed; width: 100vw; height: 100vh; bottom: 0; left: 0; background: rgba(0,0,0,0.2); transition: all 0.3s; z-index: 999; } .pop_23_img { width: calc(100% - 3.5px); height: 88px; opacity: 1; border-radius: 2px; display: block; margin-bottom: 7px; } .pop_23_box { width: 50%; height: auto; float: left; } #pop_2_3 { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding-bottom: 14px; } .pop_23_title { margin-top: 9px; width: 100%; height: 23px; line-height: 23px; font-size: 15px; font-weight: bold; color: #191919; opacity: 1; margin-bottom: 7px; } .pop_23_text { width: 95%; height: auto; font-size: 14px; font-weight: 400; line-height: 18px; color: #191919; opacity: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-left: 2.5%; } .pop_2_3_close { width: 30px; height: 30px; position: absolute; bottom: -50px; left: calc(50% - 15px); }

日本的畫師果然是很懂我們的審美觀的，真的很懂

你可能感興趣的文章

《海賊王》1132話情報：同伴團聚艾爾巴夫的冒險

海賊王1132話詳細文字情報公開草帽海賊團重聚初見艾爾巴夫全貌

2024年日漫銷量排行榜：咒術迴戰第一海賊王第二！

漫畫往事：原哲夫和高橋留美子的同門PK

2024年最火得日本漫畫花落誰家？

【2024年度日本漫畫銷量排行榜】TOP10

2024年日本漫畫銷量排行榜《咒術迴戰》斷層第一

海賊王第1132話簡易情報公開路飛等人抵達艾爾巴夫的中心村落

網友票選動畫中最可愛的短髮妹子灰原哀只排第三名

在老闆身邊一定要腦子好！

下聯是什麼？

老闆一氣之下開除錯了人...

40歲不結婚的人都怪怪的？親戚神邏輯全場傻眼　網愣：其實沒講錯

我真的改了….

《海賊王》1132話情報：同伴團聚艾爾巴夫的冒險

海賊王1132話詳細文字情報公開草帽海賊團重聚初見艾爾巴夫全貌

這道題到底哪裡錯了！

早知今日何必當初...

2024年日漫銷量排行榜：咒術迴戰第一海賊王第二！