Page height not variable + scroll to top?

[zinzy]

1. I'd love to be able to scroll to the top of the next slide when swiping left to right
2. I'd also love to have each slide be of variable height (right now the shorter slides have giant blank spaces below them; all the slides are the same height as the longest slide)

Thank you so much in advance!

[docpaco]

Hi,

I'm trying to resolve those two points too !
Have you found any solution?

Many thanks in advance!
Paco

[ericmillsio]

I am interested in this too. Have either of you resolved this?

It may be difficult since he defines the pages as table cells, so they will conform to that and act like a big table. This may make both of these features rather difficult to accomplish.

[docpaco]

nope, still not!
but still trying...

[dan-johnston]

I solved it like this:

    var slider = document.getElementById('slider'),
        $slider = $(slider);

    // Adjust height according to first slide.
    $slider.height($slider.find("img:eq(0)").attr("height"));

    // https://github.com/bradbirdsall/Swipe
    var swipe = new Swipe(slider), {
        speed: 350,
        callback: function(index, elem) {
            $slider.animate({"height": $(elem).height()}, 350, 'easeInOutQuint');
        }
    });

This isn't a great responsive solution tho, it will fail for images resized by the browser. We'll have to wait until there is a Swipe.init() (or similar) callback, See issue #166.

[kylethrock]

I used jquery to great a function that reset the slider back to the top.

<script> $(document).ready(function() { $('#reset').click(function() { $('#mySwipe').animate({ scrollTop: '00' }, 0); }); }); </script>

then on my html I labeled my button id="reset"

prev