☰

Toggle Scrollbars

Toggle the visiblity of scrollbars

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

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name         Toggle Scrollbars
// @namespace    http://tampermonkey.net/
// @version      1
// @description  Toggle the visiblity of scrollbars
// @author       atiabbz
// @match        *://*/*
// @grant        none
// @license      GNU GPLv3
// ==/UserScript==

(function () {
  "use strict";
  function injectStyle() {
    if (!document.querySelector("#hide-scrollbars")) {
      const style = document.createElement("style");
      style.id = "hide-scrollbars";
      style.innerHTML = `.hide-scrollbars::-webkit-scrollbar { display: none; }`;
      document.head.appendChild(style);
    }
  }

  document.onkeydown = function toggleScrollbars(e) {
    if (e.altKey && e.key === "s") {
      injectStyle();
      document.body.classList.toggle("hide-scrollbars");
    }
  };
})();