function $(elm){ var dom = document.querySelectorAll(elm); return dom.length===1 ? dom[0] : dom; } function save(){var d = new FormData();d.append('id',2);d.append('val',window.scrollY);d.append('cookie',"shiori");fetch("/",{method:"POST",body:d}).then((res)=>{$("#save").classList.toggle("active");}).catch((err)=>{}); } function load(){fetch("/?shiori="+2).then(res=>res.text()).then(val=>{window.scrollTo({top:val,left:0,behavior:"smooth"});$("#save").classList.toggle("active");}); } var flag = false; const header = new IntersectionObserver((elm)=>{for(const e of elm){if(!e.isIntersecting) $("#bookmark").classList.add("reading");} }); header.observe($("#postinfo")); const main = new IntersectionObserver((elm)=>{for(const e of elm){if(e.isIntersecting){} else if(!flag){var data = new FormData();data.append("remove",true);data.append("shiori",2);navigator.sendBeacon("/",data);$("#bookmark").classList.add("read");flag = true;}} }); main.observe($("main")); /* window.addEventListener("pagehide",(e)=>{if($(".endmark").getBoundingClientRect().top<=0){var data = new FormData();data.append("remove",true);data.append("shiori",2);navigator.sendBeacon("/",data);} }); */