/*!
 * title: Hide scrollbars (and disable image dragging)
 * 标题：隐藏滚动条（并禁止图片拖动）
 * 
 * 请尊重原创，保留头部版权
 * 开发者：念网创（New Web Create）
 * 邮箱：newwebcreate@hotmail.com
 * 在保留版权的前提下可应用于个人或商业用途
 * 但禁止转卖、转贴、修改版权后转卖或转贴-------------------违者必究
 * 
 * 更新历史：
 * v1.0.0：初始版本，基本功能实现
 * v1.1.0：优化了滚动条隐藏效果，提升页面美观度
 * v1.1.1：修复了部分浏览器兼容性问题
 * v2.0.0：修复了部分浏览器下滚动条显示异常的问题
 * v2.1.0：优化了滚动条显示逻辑，提升用户体验
 * v2.1.1：修复了图片拖动问题，增强了页面交互性

 */
(function() {
    // 动态添加内联样式到文档头部
    const style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = `
        /* 隐藏水平滚动条 */
        html, body {
            overflow-x: hidden;
        }

        /* 设置垂直滚动条样式 */
        ::-webkit-scrollbar {
            width: 6px; /* 设置滚动条宽度 */
        }

        ::-webkit-scrollbar-thumb {
            background-color: #ddd; /* 滚动条颜色 */
            border-radius: 3px; /* 滚动条圆角 */
        }

        ::-webkit-scrollbar-track {
            background-color: transparent; /* 滚动条轨道颜色 */
        }

        /* 隐藏滚动条的小三角（箭头） */
        ::-webkit-scrollbar-button {
            display: none;
        }

        /* 针对 Firefox */
        html {
            scrollbar-width: thin;
            scrollbar-color: #ddd transparent;
        }

        /* 针对 IE 和 Edge */
        html {
            -ms-overflow-style: none;
        }

        /* 禁止图片拖动 */
        img {
            -webkit-user-drag: none;
            user-drag: none;
        }
    `;
    document.head.appendChild(style);

    // 检查内容高度，决定是否显示滚动条
    function adjustScrollbar() {
        const body = document.body;
        const html = document.documentElement;

        const height = Math.max(
            body.scrollHeight, body.offsetHeight,
            html.clientHeight, html.scrollHeight, html.offsetHeight
        );

        if (height <= window.innerHeight) {
            // 如果内容高度小于视口高度，隐藏滚动条
            document.documentElement.style.overflowY = 'hidden';
        } else {
            // 如果内容高度大于视口高度，显示滚动条
            document.documentElement.style.overflowY = 'scroll';
        }
    }

    // 在窗口大小改变时重新检查
    window.addEventListener('resize', adjustScrollbar);

    // 禁止图片拖动
    document.querySelectorAll('img').forEach(img => {
        img.ondragstart = function() {
            return false;
        };
    });

    // 允许点击图片后滑动页面
    document.querySelectorAll('img').forEach(img => {
        img.addEventListener('mousedown', function(event) {
            // 阻止默认行为（拖动图片）
            event.preventDefault();
            // 允许滑动页面
            document.documentElement.style.cursor = 'grabbing';
        });

        img.addEventListener('mouseup', function() {
            // 恢复默认光标样式
            document.documentElement.style.cursor = 'default';
        });
    });

    // 确保页面加载完成后滚动条正确显示
    window.addEventListener('load', () => {
        adjustScrollbar();
        document.documentElement.style.overflowY = 'auto'; // 确保滚动条在页面加载后显示
    });

    // 确保页面重新加载时滚动条正确显示
    window.addEventListener('pageshow', () => {
        adjustScrollbar();
        document.documentElement.style.overflowY = 'auto'; // 确保滚动条在页面重新加载后显示
    });
})();