如何获取和设置网页滚动位置，解决关闭固定定位聊天框后页面重载返回顶部问题

以下提供两种可直接落地的实现方式，按需选择即可：

方案1：将滚动位置拼接在URL参数中（最贴合你需要传递URL参数的需求） #

步骤1：修改关闭聊天框的跳转逻辑 #

跳转前先获取当前页面的垂直滚动位置，拼到目标URL的参数里，修改后的closeChat函数如下：

function closeChat() {
    var x = document.getElementById("chatArea");

    if(x.style.display == 'block'){
        x.style.display = 'none';
    }
    // 获取当前页面垂直滚动位置
    const currentScroll = window.scrollY;
    // 构造目标URL，自动处理参数拼接冲突
    const targetUrl = new URL("explore.php", window.location.origin);
    // 你需要保留的其他自定义参数也可以用此方法添加，示例：targetUrl.searchParams.append('chatClosed', '1')
    targetUrl.searchParams.append('saved_scroll', currentScroll);
    window.location.assign(targetUrl.toString());
    return false;
}

步骤2：页面加载时读取参数恢复滚动位置 #

在页面的全局JS代码中添加如下逻辑，页面DOM加载完成后会自动读取URL中的滚动位置参数，跳转到对应位置：

document.addEventListener('DOMContentLoaded', function() {
    const queryParams = new URLSearchParams(window.location.search);
    const savedScroll = queryParams.get('saved_scroll');
    if (savedScroll) {
        // 滚动到保存的位置
        window.scrollTo({
            top: parseInt(savedScroll),
            behavior: 'instant' // 不需要滚动动画保留instant，需要平滑滚动改成smooth
        });
        // 可选：滚动完成后删除URL中的滚动位置参数，避免后续刷新重复触发滚动
        queryParams.delete('saved_scroll');
        const newUrl = window.location.pathname + (queryParams.toString() ? `?${queryParams.toString()}` : '');
        history.replaceState(null, null, newUrl);
    }
});

方案2：使用sessionStorage存储（URL不会显示多余参数） #

如果你不想在URL中暴露滚动位置参数，可以用浏览器的sessionStorage存储，页面关闭后存储内容会自动清除，不会残留：

修改closeChat函数 #

function closeChat() {
    var x = document.getElementById("chatArea");

    if(x.style.display == 'block'){
        x.style.display = 'none';
    }
    // 存储滚动位置到sessionStorage
    sessionStorage.setItem('saved_scroll', window.scrollY);
    window.location.assign("explore.php");
    return false;
}

页面加载恢复逻辑 #

document.addEventListener('DOMContentLoaded', function() {
    const savedScroll = sessionStorage.getItem('saved_scroll');
    if (savedScroll) {
        window.scrollTo({
            top: parseInt(savedScroll),
            behavior: 'instant'
        });
        // 用完删除存储记录，避免后续非关闭聊天框的刷新也触发滚动
        sessionStorage.removeItem('saved_scroll');
    }
});

内容的提问来源于stack exchange，提问作者deniz_info