Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Movimentação de DIV em layout responsivo

Boa tarde,

Estou com uma dúvida que não consigo resolver, eu tenho uma lista de divs que estão em ordem horizontal, mas queria que quando a pessoa chegasse nessa parte da pagina, ao invés de quando ele passasse pro lado com o dedo, não fosse a pagina para o lado e sim cada div para a esquerda, apenas o container que estão as divs iria se mover e não a pagina toda.

Acredito que seja simples mas não sei como fazer.

obrigado.

2 respostas
solução!

Tipo assim?

div 1
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
  <style>
    .resp-container {
        display: flex;
        flex-flow: row;
        overflow-x: scroll;
    }
    .resp-item {
        white-space: nowrap;
    }
  </style>
  <div class="resp-container">
    <div class="resp-item" style="background: #00F">
        div 1
    </div>
    <div class="resp-item" style="background: #0F0">
        outra div
    </div>
    <div class="resp-item" style="background: #F00">
        outra div
    </div>
    <div class="resp-item" style="background: #00F">
        outra div
    </div>
    <div class="resp-item" style="background: #0F0">
        outra div
    </div>
    <div class="resp-item" style="background: #F00">
        outra div
    </div>
    <div class="resp-item" style="background: #00F">
        outra div
    </div>
    <div class="resp-item" style="background: #0F0">
        outra div
    </div>
    . . .
</div>

Hiroshi isso mesmo acabei descobrindo fuçando por ai, mas valeu cara.