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

fix: more reliable scroll to top btn initial display + positioning

Browse Source
This commit is contained in:
dragonwocky 2024-01-31 23:04:11 +11:00
parent ba8c660442
commit b55e74a2c5
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/core/islands/FloatingButton.mjs
View File

@ -17,8 +17,9 @@ const setupWrapper = () => {
if (!$help) return;
const $wrapper = html`<div
class="notion-enhancer--floating-buttons z-50
absolute right-0 bottom-[calc(26px+env(safe-area-inset-bottom))]
absolute bottom-[calc(26px+env(safe-area-inset-bottom))]
flex gap-[12px] !(&>.notion-help-button:static)"
style="right:${$help.style.right}"
></div>`;
removeMutationListener(addToDom);
$help.replaceWith($wrapper);

9
src/extensions/scroll-to-top/client.mjs
View File

@ -25,9 +25,12 @@ export default async (api, db) => {
<//>`,
onScroll = () => {
if (!$scroller) return;
const { scrollTop, scrollHeight, clientHeight } = $scroller,
scrollPercent = (scrollTop / (scrollHeight - clientHeight)) * 100,
scrollDist = scrollUnits === "Percent" ? scrollPercent : scrollTop;
const { scrollTop, scrollHeight, clientHeight } = $scroller;
let scrollDist = scrollTop;
if (scrollUnits === "Percent") {
scrollDist = (scrollTop / (scrollHeight - clientHeight)) * 100;
if (isNaN(scrollDist)) scrollDist = 0;
}
if (distanceUntilShown <= scrollDist) addFloatingButton($btn);
else removeFloatingButton($btn);
},