soundcloud scroll queue

Adds a button that automatically scrolls the queue until disabled

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

You will need to install an extension such as Tampermonkey to install this script.

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         soundcloud scroll queue
// @version      1.0.1
// @description  Adds a button that automatically scrolls the queue until disabled
// @author       bhackel
// @match        https://soundcloud.com/*
// @grant        none
// @run-at       document-idle
// @noframes
// @namespace https://greasyfork.org/en/users/324178-bhackel
// ==/UserScript==

(function() {
    'use strict';

    /* Injects a button into the Next Up queue that runs the script.
    */
    function setup() {
        var btn = document.createElement('Button');
        btn.className = 'bhackelSCScroll sc-button sc-button-medium';
        btn.innerHTML = 'Scroll Down';
        btn.onclick = function(){ start(this); };

        var queue_panel = document.getElementsByClassName('queue__panel')[0];
        if (queue_panel) {
            queue_panel.insertBefore(btn, queue_panel.children[1]);
        } else {
            setTimeout(setup, 1000);
        }
    }

    /* Function called by the button being clicked. Either creates
    an interval to run the scroll function or clears the current interval.
    */
    function start(d){
        if (d.interval){
            clearInterval(d.interval);
            d.interval = 0;
            d.innerHTML = 'Scroll Down';
        } else {
            d.interval = setInterval(scroll, 1000);
            d.innerHTML = 'Stop Scrolling';
        }
    }

    /* Scrolls the queue down to a pixel value, found in one of the
    heights of one of the elements.
    */
    function scroll() {
        var scrollableQueue = document.getElementsByClassName('queue__scrollableInner g-scrollable-inner').item(0);
        var queueContainer = document.getElementsByClassName('queue__itemsHeight').item(0);
        var scrollToHeight = parseInt(queueContainer.style.height);
        scrollableQueue.scroll(0,scrollToHeight);
    }

    setup();

})();