oss/wallabag
oss/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-06-27 16:36:00 +00:00
Code Wiki Activity

Extract Scroll Indicator controller

Browse source
This commit is contained in:
Yassine Guedidi 2025-03-02 12:59:15 +01:00
parent 503b82ea13
commit 019d252446
3 changed files with 11 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/controllers/scroll_indicator_controller.js Normal file
View file

@ -0,0 +1,10 @@
import { Controller } from '@hotwired/stimulus';
export default class extends Controller {
updateWidth() {
const referenceHeight = document.body.offsetHeight - window.innerHeight;
const scrollPercent = (window.scrollY / referenceHeight) * 100;
this.element.style.width = `${scrollPercent}%`;
}
}

14
assets/index.js
View file

@ -242,22 +242,8 @@ const stickyNav = () => {
});
};
const articleScroll = () => {
const articleEl = $('#article');
if (articleEl.length > 0) {
$(window).scroll(() => {
const s = $(window).scrollTop();
const d = $(document).height();
const c = $(window).height();
const scrollPercent = (s / (d - c)) * 100;
$('.progress .determinate').css('width', `${scrollPercent}%`);
});
}
};
$(document).ready(() => {
stickyNav();
articleScroll();
initPreviewText();
const toggleNav = (toShow, toFocus) => {