Existe uma maneira de desativar as barras de rolagem personalizadas do webkit?

Question

Existe uma extensão, folha de estilo de usuário personalizada, etc. que irá desativar ou reverter a personalização de barras de rolagem em navegadores baseados em Webkit como o Google Chrome? Eu gosto das barras de rolagem simples e nativas, mas não consigo encontrar uma combinação de CSS para fazê-las voltar depois de terem sido estilizadas por CSS.

    

Answer 1

Infelizmente, o CSS não pode ser "desativado" ou revertido depois de ativado:

::-webkit-scrollbar cannot be simply overridden to get the default style, the only way to do it is to remove all ::-webkit-scrollbar rules from the code. At that point, scrollable areas have to be forced to redraw the scrollbars. To do that you either quickly add and remove display:none; from or do the same thing with overflow:hidden; on scrollable elements. The problem with the first one is that the page flashes white at every page load; the second one is resource-intensive as it would have to whether check any element on the page overflows—not ideal.

O link acima é de um script que removerá completamente as barras personalizadas, deixando você sem barra de rolagem.

    

Answer 2

Abra o executável do navegador da Web em um editor de texto limpo-binário ou editor hexadecimal e substitua todas as ocorrências de "webkit-scrollbar" por algum outro tipo de lixo, como "webkit-scrollb4r". Eu tentei isso com o Chrome e isso resolve o problema.

    

Answer 3

// ==UserScript==
// @name         My Fancy Scrollbar Userscript
// @namespace    http://your.homepage/
// @version      0.1
// @description  enter something useful
// @author       You
// @match        http://*/*
// @grant        none
// ==/UserScript==

[].forEach.call(document.styleSheets, function(sheet) {
    for (var i = 0; i < sheet.rules.length; ++i) {
        var rule = sheet.rules[i];
        if (/::-webkit-scrollbar/.test(rule.selectorText)) {
            sheet.deleteRule(i--);
        }
    }
});