Witam. W poniższym kodzie muszę jeszcze zrobić tak, że gdy pasek przewijania w <div id="wrapper"> przewinie się do końca, wtedy div ma się zmniejszyć do tego stopnia aby osiągną wysokość ostatniego elementu i pokazywać tylko ostatni element. Czy ktoś mógłby pokazać mi jak można to zrobić? Z góry dziękuję i pozdrawiam.

http://jsfiddle.net/ZczEt/2481/

Udało mi się stworzyć skrypt jednak mam problem z przywróceniem elementu do stanu pierwotnego. Chodzi o to że gdy użytkownik będzie przewijał paskiem przewijania w górę element musi zacząć wracać do stanu taki jaki był przed uruchomieniem skryptu pomniejszania. Nie wiem dlaczego nie chce pracować według operacji else if. Jakieś pomysły?

http://jsfiddle.net/ZczEt/2487/

a może spróbuj pokombinować w drugą stronę tylko nie z .on a .hover w jquery i nie z scrolltop tylko scrollbottom

@jaca121212 nie działa

Okej pomogło utworzenie przeciwności. Jednak podczas przewijania jest dość nietypowy problem i występuje on na każdej przeglądarce. Chodzi o to że podczas przewijania strony widać że napisany skrypt się "tnie" i zacina. Ktoś wie o co może chodzić i jak to załatać?

http://jsfiddle.net/ZczEt/2496/

bump

zmieniłem to trochę ale nie wiem czy o ten efect ci chodziła zobacz
Odwiedź moją stronę

nie do końca bo ostatni element ma sie pojawiać dopiero jak cała zawartość elementu wrapper zostanie przewinięta.



Znalazłem na to sposób. Trzeba pominąć scrollowanie trzeciego elementu kiedy rozmiar wrappera zostanie zmniejszony. tak więc ustawiłem aby w if zmieniała się również wysokość trzeciego elementu przypisując jej 0. Problem w tym że gdy wracam paskiem przewijania zostaje wartość 0. O tym że isntnieje możliwość przywrócenia domyślnej wysokości to wiem bo sprawdzałem nadajac określoną wartość, ale problem w tym że gdy podaje var = $(".users:nth-child(3)").height(); to nie działa i nadal element ma wysokość 0. Czy ktoś może mi powiedzieć co jest nie tak?

a spróbuj dać tak var = $(".users>nth-child(3)").height(); lub tak var = $('.users>nth-child(3)').height();

coś też nie działa jak powinno http://jsfiddle.net/ZczEt/2510/


Zrobiłem to w inny sposób w którym mimo że nie jest on najlepszy ale działą. Tak jak wcześniej mówiłem gdy element zmienia wysokość zmniejszyłem 3 element do 0. a gdy warunek przechodzi do else to nadałem mu height: auto przez co cały panel się ładnie przesuwa bez żadnych zgrzytów na każdej przeglądarce.