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

Licensing and Conventions

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

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

@ -45,18 +45,18 @@ module.exports = {
if (!document.querySelector(".notion-frame")) return;
clearInterval(attempt_interval);
const container = document.createElement('div');
const help = document.querySelector('.notion-help-button');
const scroll = createElement(
const $container = document.createElement('div');
const $help = document.querySelector('.notion-help-button');
const $scroll = createElement(
'<div class="notion-scroll-button" role="button">&#129049;</div>' // 🠙;
)
container.className = "bottom-right-buttons";
help.after(container);
container.append(scroll);
container.append(help);
$container.className = "bottom-right-buttons";
$help.after($container);
$container.append($scroll);
$container.append($help);
scroll.addEventListener('click', () => {
$scroll.addEventListener('click', () => {
document
.querySelector('.notion-frame > .notion-scroller')
.scroll({
@ -67,7 +67,7 @@ module.exports = {
})
let queue = [];
let scroller = document.querySelector('.notion-frame > .notion-scroller');
let $scroller = document.querySelector('.notion-frame > .notion-scroller');
const observer = new MutationObserver((list, observer) => {
if (!queue.length) requestAnimationFrame(() => process(queue));
@ -81,11 +81,11 @@ module.exports = {
function process(list) {
queue = [];
let top = scroller.topDistance = store().top || 0;
let top = $scroller.top_distance = store().top || 0;
if (top > 0 && store().percent) {
let contentHeight = Array.from(scroller.children)
let content_height = Array.from($scroller.children)
.reduce((h, c) => h + c.offsetHeight, 0);
scroller.topDistance *= (contentHeight - scroller.offsetHeight) / 100;
$scroller.top_distance *= (content_height - $scroller.offsetHeight) / 100;
}
for (let { addedNodes } of list) {
@ -95,15 +95,15 @@ module.exports = {
addedNodes[0].className === 'notion-scroller'
) && (top > 0)
) {
scroll.classList.add('hidden');
$scroll.classList.add('hidden');
scroller = document.querySelector('.notion-frame > .notion-scroller');
$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');
$scroller.addEventListener('scroll', (event) => {
if (!$scroller.top_distance || Math.ceil(event.target.scrollTop) < $scroller.top_distance)
$scroll.classList.add('hidden');
else
scroll.classList.remove('hidden');
$scroll.classList.remove('hidden');
});
}
}

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

@ -1,3 +1,10 @@
/*
* scroll-to-top
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 CloudHill
* under the MIT license
*/
.bottom-right-buttons {
position: absolute;
bottom: 33px;