Steam web chat scroller

Scrolls the message view on new messages in the Steam web chat.

目前為 2016-06-28 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name Steam web chat scroller
// @namespace http://sharparam.com/
// @description Scrolls the message view on new messages in the Steam web chat.
// @include https://steamcommunity.com/chat/*
// @version 1.0.2
// @grant none
// @run-at document-end
// ==/UserScript==

var observer = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
        Array.prototype.forEach.call(mutation.addedNodes, function(node) {
            if (node.className == 'chat_dialog') {
                observer.disconnect();
                observer.observe(node.querySelector('.chat_dialog_content_inner'), {
                    childList: true
                });
            } else if (node.classList.contains('chat_message')) {
                node.scrollIntoView(true);
            }
        });
    });
});

observer.observe(document.querySelector('#chatlog'), {
    childList: true
});