diff --git a/swh/web/assets/src/bundles/webapp/webapp-utils.js b/swh/web/assets/src/bundles/webapp/webapp-utils.js --- a/swh/web/assets/src/bundles/webapp/webapp-utils.js +++ b/swh/web/assets/src/bundles/webapp/webapp-utils.js @@ -124,6 +124,18 @@ selectCode(e, selectedCode); } }); + + // show/hide back-to-top button + let scrollThreshold = 0; + scrollThreshold += $('.swh-top-bar').height() || 0; + scrollThreshold += $('.navbar').height() || 0; + $(window).scroll(() => { + if ($(window).scrollTop() > scrollThreshold) { + $('#back-to-top').css('display', 'block'); + } else { + $('#back-to-top').css('display', 'none'); + } + }); }); export function initPage(page) { diff --git a/swh/web/assets/src/bundles/webapp/webapp.css b/swh/web/assets/src/bundles/webapp/webapp.css --- a/swh/web/assets/src/bundles/webapp/webapp.css +++ b/swh/web/assets/src/bundles/webapp/webapp.css @@ -235,7 +235,7 @@ } #back-to-top { - display: initial; + display: none; position: fixed; bottom: 30px; right: 30px;