BC: fixed/sticky player

keeps player visible when scrolling. choose a style in the code

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey, Greasemonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

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

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

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

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्क्रिप्ट व्यवस्थापक एक्स्टेंशन इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्क्रिप्ट व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्टाईल व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

// ==UserScript==
// @name        BC: fixed/sticky player
// @namespace   userscript1
// @match       https://*.bandcamp.com/album/*
// @match       https://*.bandcamp.com/music/*
// @match       https://*.bandcamp.com/track/*
// @grant       GM_addStyle
// @run-at      document-start
// @version     0.1.4
// @author      -
// @description keeps player visible when scrolling. choose a style in the code
// @license     GPLv3
// ==/UserScript==

(function() {
  'use strict';


  // sticky, follows when scrolling
  const style1 = `.inline_player {
                    position: sticky !important;
                    top: 50px;
                    background: white;
                    box-shadow: 3px 3px 10px rgb(0 0 0 / 0.5);
                    z-index: 999;
                  } `;

  // fixed at bottom
  const style2 = `.inline_player {
                    position: fixed !important;
                    bottom: 5px;
                    background: white;
                    box-shadow: 3px 3px 10px rgb(0 0 0 / 0.5);
                    z-index: 999;
                 } `;

  // fixed at top
  const style3 = `.inline_player {
                    position: fixed !important;
                    top: 25px;
                    background: white;
                    box-shadow: 3px 3px 10px rgb(0 0 0 / 0.5);
                    z-index: 999;
                 } `;


  GM_addStyle( style3 );


})();