Em termos de usabilidade, a largura da barra de rolagem personalizada é fina ou grossa?

Sua barra de rolagem deve ser pelo menos tão espessa quanto a menor espessura do navegador, pois seus usuários passam a maior parte do tempo em outros sites/aplicativos e, portanto, esperam que a barra de rolagem seja pelo menos tão grande quanto em seu navegador.

1. Como você mede a largura de uma barra de rolagem?
2. Como faço para tornar minha barra de rolagem mais grossa?
3. Como faço para fazer minha barra de rolagem não afetar a largura?
4. Que dois tipos de rolagem devem ser evitados?

Como você mede a largura de uma barra de rolagem?

A largura do cliente define a largura de um elemento. Portanto, a barra de rolagem pode ser definida como largura = OffsetWidth - ClientWidth.

Como faço para tornar minha barra de rolagem mais grossa?

Clique duas vezes/toque no ScrolHeight. A janela Editar String será aberta com o valor padrão de -255. Esse é o tamanho padrão das barras de rolagem que você vê no Windows. Para alterar a altura da barra de rolagem ao seu gosto, insira um valor entre -120 (menor) a -1500 (maior) pelo tamanho desejado e clique/toque em OK.

Como faço para fazer minha barra de rolagem não afetar a largura?

A correção fácil é usar a largura: 100% em vez disso. As porcentagens não incluem a largura da barra de rolagem, então se encaixará automaticamente. Se você não pode fazer isso, ou está definindo a largura em outro elemento, adicione o Overflow-X: oculto ou transbordante: oculto no elemento circundante para evitar a barra de rolagem.

Que dois tipos de rolagem devem ser evitados?

Existem alguns problemas básicos de rolagem que frequentemente vemos e que você deve ser sensível a. O primeiro é a rolagem horizontal, que normalmente é desnecessária. A menos que a interação seja um carrossel, uma linha do tempo ou um recurso estruturado intencionalmente horizontalmente, você não deve estar vendo uma barra de rolagem horizontal.