Swiper: Dynamic height on mobile

Created on 19 Nov 2014  路  1Comment  路  Source: nolimits4web/swiper

First of all,I've a site for mobile devices,each slide has a height the same as mobile's(or browser) height.And if the slide's content is too long(break the height),I set a dynamic height for this slide and the container.
Now the issue is:If the first slide has 100% height,the second slide has 120% height,the third slide has 120% height.When I moved to the third slide,it can't be moved to the top of mobile.There has 20% height over the third slide.How to solve?

Most helpful comment

I would recommend you to use slides with the same 100% height. But you can just add overflow:auto to .swiper-slide and each slide will have separate vertical scrolling

>All comments

I would recommend you to use slides with the same 100% height. But you can just add overflow:auto to .swiper-slide and each slide will have separate vertical scrolling

Was this page helpful?
0 / 5 - 0 ratings

Related issues

syedongit picture syedongit  路  3Comments

nicolebo picture nicolebo  路  3Comments

RyanGosden picture RyanGosden  路  3Comments

Joshanity17 picture Joshanity17  路  3Comments

lxmarinkovic picture lxmarinkovic  路  4Comments