dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-19 11:09:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Calculate percentage height based on scroller and content height

Browse Source
This commit is contained in:
CloudHill 2020-10-20 23:40:12 +07:00
parent 1e4d0e077a
commit 0434cac271
2 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
mods/scroll-to-top/mod.js
View File

@ -77,14 +77,15 @@ module.exports = {
childList: true,
subtree: true,
});
function process(list) {
queue = [];
let top = scroller.topDistance = store().top;
let top = scroller.topDistance = store().top || 0;
if (top > 0 && store().percent) {
let pageContent = document.querySelector('.notion-page-content');
if (pageContent)
scroller.topDistance *= pageContent.offsetHeight / 100;
let contentHeight = Array.from(scroller.children)
.reduce((h, c) => h + c.offsetHeight, 0);
scroller.topDistance *= (contentHeight - scroller.offsetHeight) / 100;
}
for (let { addedNodes } of list) {
@ -92,19 +93,18 @@ module.exports = {
addedNodes[0] && (
addedNodes[0].className === 'notion-page-content' ||
addedNodes[0].className === 'notion-scroller'
)
) && (top > 0)
) {
if (top> 0) {
scroll.classList.add('hidden');
scroll.classList.add('hidden');
scroller = document.querySelector('.notion-frame > .notion-scroller');
scroller.addEventListener('scroll', (event) => {
if (event.target.scrollTop < scroller.topDistance)
scroll.classList.add('hidden');
else
scroll.classList.remove('hidden');
})
}
scroller = document.querySelector('.notion-frame > .notion-scroller');
scroller.addEventListener('scroll', (event) => {
if (!scroller.topDistance || Math.ceil(event.target.scrollTop) < scroller.topDistance)
scroll.classList.add('hidden');
else
scroll.classList.remove('hidden');
});
}
}
}

1
mods/scroll-to-top/style.css
View File

@ -2,6 +2,7 @@
position: absolute;
bottom: 33px;
right: 33px;
z-index: 101;
cursor: default;
pointer-events: none;
}