Mirrors/blow
2
0
Fork 0
mirror of https://github.com/tchartron/blow synced 2024-11-24 05:13:08 +00:00
Code Issues Projects Releases Packages Wiki Activity

update

Browse source
This commit is contained in:
Thomas Chartron 2021-11-13 15:34:31 +01:00
parent 14cb86eaf9
commit e08efb5c11
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/js/page.js
View file

@ -16,13 +16,13 @@ document.addEventListener("DOMContentLoaded", function() {
// Add 'active' class if observation target is inside viewport // Add 'active' class if observation target is inside viewport
// console.log(entry) // console.log(entry)
// console.log(entry.intersectionRatio) // console.log(entry.intersectionRatio)
if (entry.isIntersecting) { if (entry.isIntersecting && current_intersectiong_entry !== null && current_intersectiong_entry.target.getBoundingClientRect().y < 0) {
console.log('entry', entry) // console.log('entry', entry)
console.log('current', current_intersectiong_entry) // console.log('current', current_intersectiong_entry)
if (current_intersectiong_entry !== null) { // if (current_intersectiong_entry !== null && current_intersectiong_entry.target.getBoundingClientRect().y < 0) {
console.log('current', current_intersectiong_entry.target.getBoundingClientRect().y) // console.log('current', current_intersectiong_entry.target.getBoundingClientRect().y)
console.log('should stop') // console.log('should stop')
} // }
current_intersectiong_entry = entry current_intersectiong_entry = entry
// console.log(entry, 'active') // console.log(entry, 'active')
let res = findCorrespondingTocTitle(entry.target) let res = findCorrespondingTocTitle(entry.target)

2
static/js/page.js
View file

@ -1 +1 @@
function findCorrespondingTocTitle(n){return[...document.querySelectorAll("#toc li a")].find(e=>e.href.substring(e.href.indexOf("#"))==="#"+n.id)}document.addEventListener("DOMContentLoaded",function(){document.getElementById("navbar").clientHeight,document.getElementById("toc");var e=document.querySelectorAll("#toc li a");document.getElementById("page-content");let t=null,o=null;const n=new window.IntersectionObserver(e=>{e.forEach(n=>{if(console.log("observe"),n.isIntersecting){console.log("entry",n),console.log("current",o),null!==o&&(console.log("current",o.target.getBoundingClientRect().y),console.log("should stop"));let e=findCorrespondingTocTitle((o=n).target);void 0===e||null!==t&&t===e||(null!==t&&t.parentElement.classList.remove("bg-blue-800"),t=e),e.parentElement.classList.add("bg-blue-800")}})},{root:null,threshold:.1});var l=[];[...e].forEach(e=>{l.push(e.href.substring(e.href.indexOf("#")))});const r=document.querySelectorAll(l.join(","));r.forEach(e=>{n.observe(e)})}); function findCorrespondingTocTitle(n){return[...document.querySelectorAll("#toc li a")].find(e=>e.href.substring(e.href.indexOf("#"))==="#"+n.id)}document.addEventListener("DOMContentLoaded",function(){document.getElementById("navbar").clientHeight,document.getElementById("toc");var e=document.querySelectorAll("#toc li a");document.getElementById("page-content");let t=null,o=null;const n=new window.IntersectionObserver(e=>{e.forEach(n=>{if(console.log("observe"),n.isIntersecting&&null!==o&&o.target.getBoundingClientRect().y<0){let e=findCorrespondingTocTitle((o=n).target);void 0===e||null!==t&&t===e||(null!==t&&t.parentElement.classList.remove("bg-blue-800"),t=e),e.parentElement.classList.add("bg-blue-800")}})},{root:null,threshold:.1});var l=[];[...e].forEach(e=>{l.push(e.href.substring(e.href.indexOf("#")))});const r=document.querySelectorAll(l.join(","));r.forEach(e=>{n.observe(e)})});