☰

YouTube Sticky LiveChat

Pin the latest message written by Live owner or moderator to the top

当前为 2020-05-04 提交的版本，查看 最新版本。

// ==UserScript==
// @name         YouTube Sticky LiveChat
// @namespace    https://i544c.github.io
// @version      0.1
// @description  Pin the latest message written by Live owner or moderator to the top
// @author       i544c
// @match        https://www.youtube.com/watch?v=*
// @grant        none
// ==/UserScript==

(() => {
    let chatframe = null;
    const main = () => {
        console.log('Found LiveChat frame');
        const style = document.createElement('style');
        style.textContent = `
#item-offset {
overflow: visible !important;
}

#items {
transform: none !important;
}

yt-live-chat-text-message-renderer[author-type="owner"],
yt-live-chat-text-message-renderer[author-type="moderator"] {
background: black;
position: sticky;
top: 0px;
z-index: 1;
}
`;
        chatframe.contentDocument.body.appendChild(style);
    };

    const findInterval = window.setInterval(() => {
        console.log('Search LiveChat frame');
        chatframe = document.querySelector('#chatframe');
        if (chatframe) {
            chatframe.onload = main;
            window.clearInterval(findInterval);
        }
    }, 1000);
})();