3. q-scroll-area dosen't work for horizontal

q-scroll-area dosen't work for horizontal

  • S

    hi,
    I want to scroll list of card in a div horizontally. by default q-scroll-area works for vertical scrolling. what can i do ? is there any better way ?

    attached image is exactly what i want to do (on swipe it scroll to right )

    0_1506256820620_Untitled.png

    my code:

    <div class=“row full-width”>

        <q-scroll-area style="width: 1400px; height: 200px;" >
      
        <q-card inline v-for="n in 10"  :key="n">
          <q-card-title>
            Title
            <span slot="subtitle">Subtitle</span>
          </q-card-title>
          <q-card-main>
            {{lorem}}
          </q-card-main>
        </q-card>
      
    </q-scroll-area>

    </div>

    </div>

    0
  • Admin

    It’s only meant to work for vertical scrolling. Horizontal will get enhanced in a later update.

    0
    S
     1 Reply
  • S

    @rstoenescu thanks for the reply. waiting for the update .

    0