diff options
author | Yue Yang <g1enyy0ung@gmail.com> | 2021-06-05 19:50:42 +0300 |
---|---|---|
committer | Yue Yang <g1enyy0ung@gmail.com> | 2021-06-05 19:50:42 +0300 |
commit | 89bd0510c8ae4f6b50d0eacc7672ab478fd24d00 (patch) | |
tree | f56de77cceb18ca5e4426baf1e828d5813bc94fc | |
parent | 5003a7fe14abab983e9810e5b114d5466690436e (diff) |
Smoothly fixedNav
-rw-r--r-- | src/js/main.js | 5 | ||||
-rw-r--r-- | static/js/main.js | 2 |
2 files changed, 6 insertions, 1 deletions
diff --git a/src/js/main.js b/src/js/main.js index 12362a0..8bcc557 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -24,13 +24,18 @@ $(document).ready(() => { osInstance.options('callbacks.onScroll', function () { const y = this.scroll().position.y + const fake = $('.fake-dream-nav') if (y > 0) { nav.addClass('fixed').css('background', window.isDark === 'y' ? window.backgroundDark : window.background) $('.dream-single-aside').css('top', 54) + if (!fake.length) { + $('<div class="fake-dream-nav" />').css('height', 54).insertBefore(nav) + } } else { nav.removeClass('fixed').css('background', 'unset') $('.dream-single-aside').css('top', 0) + fake.remove() } }) } diff --git a/static/js/main.js b/static/js/main.js index 7750a33..496a352 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -1 +1 @@ -"use strict";$(document).ready(function(){var o=$("body").overlayScrollbars({className:(window.backgroundDark||window.backgroundImageDark?"y"===localStore.getItem("hugo-theme-dream-is-dark"):window.darkNav)?"os-theme-light":"os-theme-dark",scrollbars:{autoHide:"scroll",clickScrolling:!0}}).overlayScrollbars();if(window.fixedNav){var a=$(".dream-nav");o.options("callbacks.onScroll",function(){0<this.scroll().position.y?(a.addClass("fixed").css("background","y"===window.isDark?window.backgroundDark:window.background),$(".dream-single-aside").css("top",54)):(a.removeClass("fixed").css("background","unset"),$(".dream-single-aside").css("top",0))})}window.overlayScrollbarsInstance=o,$(".dream-flip-toggle").click(function(){$(".flip-container").toggleClass("flip-it")})});
\ No newline at end of file +"use strict";$(document).ready(function(){var a=$("body").overlayScrollbars({className:(window.backgroundDark||window.backgroundImageDark?"y"===localStore.getItem("hugo-theme-dream-is-dark"):window.darkNav)?"os-theme-light":"os-theme-dark",scrollbars:{autoHide:"scroll",clickScrolling:!0}}).overlayScrollbars();if(window.fixedNav){var e=$(".dream-nav");a.options("callbacks.onScroll",function(){var a=this.scroll().position.y,o=$(".fake-dream-nav");0<a?(e.addClass("fixed").css("background","y"===window.isDark?window.backgroundDark:window.background),$(".dream-single-aside").css("top",54),o.length||$('<div class="fake-dream-nav" />').css("height",54).insertBefore(e)):(e.removeClass("fixed").css("background","unset"),$(".dream-single-aside").css("top",0),o.remove())})}window.overlayScrollbarsInstance=a,$(".dream-flip-toggle").click(function(){$(".flip-container").toggleClass("flip-it")})});
\ No newline at end of file |