search

artpolikarpov / fotorama

A simple, stunning, powerful jQuery gallery.
http://fotorama.io
Other
1.58k stars 380 forks source link

Fixed height vertical thumb nav #554

Open pixiemediaweb opened 5 years ago

pixiemediaweb commented 5 years ago

Hi, trying to figure out a way to fix the height of a veritcal thumb nav - ie override the height of the actual stage.

I have found a way to override the height within this function;

that.resize = function (options) { ..... switch (opts.navdir) { case 'vertical': $navWrap.removeClass(navShafthorizontalClass); $navWrap.removeClass(navShaftListClass); $navWrap.addClass(navShaftVerticalClass);

                            $nav
                                .stop()
                                //.animate({height: measures.h, width: opts.thumbwidth}, time);
                                // ADDED HERE - OVERRIDE HEIGHT
                                .animate({height: 320, width: opts.thumbwidth}, time);
                            break;

This sets the height and position of the up/down arrows correctly - however if you have more thumbnail than the visible height, as you scroll through it doesnt move the nav shaft to reveal the extra thumbnails until it reaches the natural point it would normally scroll at (just beyond 50% of the stage height).

What is the correct way to force the vertical nav height?