Rolagem horizontal flutuante em uma longa página?

1. Como faço para fazer uma página horizontal rolável?
2. Como faço para fazer minha barra de rolagem flutuar?
3. É um rolo horizontal bom ux?

Como faço para fazer uma página horizontal rolável?

A rolagem horizontal pode ser alcançada clicando e arrastando uma barra de rolagem horizontal, deslizando para o lado em um trackpad de mesa ou o mouse trackpad, pressionando as teclas de seta esquerda e direita ou deslizando para o lado com o dedo em uma tela sensível ao toque.

Como faço para fazer minha barra de rolagem flutuar?

Você pode fazer isso acontecer adicionando mais elementos ou alterando a altura dos contêineres. Você então precisa definir o transbordamento do elemento para automaticamente. Se você deseja apenas uma rolagem vertical: Overflow-y: AUTO; Overflow-x: Hidden. Se você deseja apenas um rolo horizontal: Overflow-x: Auto; Overflow-y: oculto.

É um rolo horizontal bom ux?

A rolagem horizontal envolve mais esforços, já que os usuários geralmente precisam mover o ponteiro do mouse para uma área especificamente designada na tela e arrastar (enquanto segura o botão do mouse) ou clique. Além disso, algumas implementações de rolagem horizontal tornam o Judder do design e, portanto, prejudica a experiência do usuário.