Скрыть полосу прокрутки в любом браузере

До:

После:


Устанавливаем расширение Stylish
Нажимаем на кнопку расширения, заходим в редактор:


Задаем название. Вставляем код:

::-webkit-scrollbar {display: none;}
html {overflow: scroll; scrollbar-width: none;}
Нажимаем на минус возле плюса в кружке (если есть) для того чтобы стиль работал на всех сайтах.
Для сохранения стиля расширение может потребовать авторизацию через гугл аккаунт.
Готово.

Вариант 2.

Устанавливаем расширение Tampermonkey
Вставляем код:

// ==UserScript==
// @name         Hide Scrollbars (keep scrolling)
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  Скрывает полосы прокрутки, но сохраняет возможность прокручивать страницы.
// @author       YourName
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Добавляем CSS-правила для скрытия полос прокрутки
    const style = document.createElement('style');
    style.textContent = `
        /* Скрыть полосы прокрутки для всех браузеров */
        ::-webkit-scrollbar {
            display: none;
        }

        html, body {
            scrollbar-width: none; /* Для Firefox */
            -ms-overflow-style: none; /* Для IE и старого Edge */
            overflow: auto !important; /* Сохраняем прокрутку */
        }
    `;
    document.head.appendChild(style);
})();
Второй вариант, в отличие от первого, позволяет отключить стиль на желаемых сайтах.

Комментарии