☰

翻页时滚动 Bilibili 评论区到回复起始位置

翻页时滚动 Bilibili 评论区到回复起始位置，方便看楼中楼

当前为 2024-07-10 提交的版本，查看 最新版本。

// ==UserScript==
// @name         翻页时滚动 Bilibili 评论区到回复起始位置
// @namespace    myitian.bili.replyAutoScrollToTop
// @version      0.2
// @description  翻页时滚动 Bilibili 评论区到回复起始位置，方便看楼中楼
// @author       Myitian
// @license      MIT
// @match        *://*.bilibili.com/*
// @icon         https://www.bilibili.com/favicon.ico
// @grant        none
// ==/UserScript==

window.addEventListener('click', jump, true);

/**
 * @param {Event?} event
 * @param {HTMLElement?} element
 */
function jump(event, element = undefined) {
    /** @type {HTMLElement} */
    var e = element ?? event.target;
    if (e.shadowRoot) {
        jump(null, e.shadowRoot.activeElement);
        e.shadowRoot.addEventListener('click', jump, true);
    }
    if (!(e.classList.contains("view-more-btn")
        || e.classList.contains("pagination-btn")
        || e.classList.contains("pagination-page-number")
        || (!e.parentElement && e.parentNode?.host?.parentNode?.querySelector("bili-text-button")))) {
        return;
    }
    while (true) {
        if (e.querySelector("bili-comment-renderer")) {
            e = e.querySelector("bili-comment-renderer").shadowRoot?.querySelector("bili-comment-action-buttons-renderer")?.shadowRoot;
            break;
        } else if (e.host && !e.classList) {
            e = e.host;
        } else if (e.classList.contains("reply-item")) {
            break;
        } else if (e.parentElement) {
            e = e.parentElement;
        } else if (e.parentNode) {
            e = e.parentNode;
        } else {
            return;
        }
    }
    if (!e) {
        return;
    }
    /** @type {HTMLDivElement?} */
    var reply_info = e.host ? e : e.querySelector(".reply-info");
    if (reply_info) {
        /** @type {HTMLDivElement?} */
        var scroll_anchor = reply_info.querySelector(".myt-scroll-anchor");
        if (!scroll_anchor) {
            scroll_anchor = document.createElement("div");
            scroll_anchor.className = "myt-scroll-anchor";
            scroll_anchor.style.position = "relative";
            scroll_anchor.style.top = "-5em";
            reply_info.appendChild(scroll_anchor);
        }
        scroll_anchor.scrollIntoView();
    }
}