blog-ruoyi/blog-web-static/script/main.js

$(document).ready(function () {
    AOS.init({
        duration: 1000,
    });

    let navbar = $(".navbar");
    let backupTop = $("#backupTop");
    let themeToggle = $("#themeToggle");
    let tools = $(".tools"); // 添加tools元素引用

    $(window).scroll(function () {
        let scrollTop = $(window).scrollTop();

        // 导航栏背景切换逻辑
        if (scrollTop > 100) {
            navbar.removeClass('bg-transparent').removeClass('has-img').addClass('bg-blur');
        } else {
            navbar.removeClass('bg-blur').addClass('bg-transparent').addClass('has-img');
        }

        // tools工具栏显示逻辑 - 滚动超过900px时显示
        if (scrollTop > 900) {
            tools.fadeIn(300); // 淡入显示
        } else {
            tools.fadeOut(300); // 淡出隐藏
        }
    });

    backupTop.click(function () {
        $('html, body').animate({
            scrollTop: 0
        }, 500);
    });

    themeToggle.click(function () {
        let html = $(document.documentElement);
        let darkMode = $(".dark__mode");
        let lightMode = $(".light__mode");
        if (html.hasClass("dark")) {
            html.removeClass("dark");
            darkMode.removeClass("d-none");
            lightMode.removeClass("d-none");
            lightMode.addClass("d-none");
            darkMode.removeClass("d-none");
        } else {
            html.addClass("dark");
            darkMode.removeClass("d-none");
            lightMode.removeClass("d-none");
            darkMode.addClass("d-none");
            lightMode.removeClass("d-none");
        }

        if (html.attr("data-bs-theme") === "dark") {
            html.removeAttr("data-bs-theme");
        } else {
            html.attr("data-bs-theme", "dark");
        }
    });
});