Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Blokoda scroll'a
atom90
post
Post #1





Grupa: Zarejestrowani
Postów: 172
Pomógł: 0
Dołączył: 11.06.2014

Ostrzeżenie: (0%)
-----


Mam funkcje która przewija mi scrolla na sam doł kiedy dodawana jest nowa wiadomosc, ale chciałbym aby ta opcja nie wykonywała się gdy przewine wiadomości do gory by przeczytać starsye wiadomosci. Uciazliwe jest gdy czyta ktos starsze wiadomosci i nagle przyjdzie nowa i mu zjedzie na sam doł.

przewijanie u mnie wygląda tak, wraz z dodaniem nowej wiadomosci wykonuje się pryewinicie
Kod
$('#show').animate({
scrollTop: $('#massages').height()
}, "slow");
return false;


Jak sprawdyc to ye rusyzem suwak do gory i dopiero jak wroce sam na sam doł to ma znowu automatycznie scrolowac
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 10)
Turson
post
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Proponuję tak w momencie nowej wiadomości - określasz jakiś pułap, w którym okno nie jest scrollowane automatycznie, a wyskakuje powiedzmy jakiś alert z position:fixed , jak użytkownik sobie na to kliknie to go przniesie do góry. Chyba najprostsze
Go to the top of the page
+Quote Post
atom90
post
Post #3





Grupa: Zarejestrowani
Postów: 172
Pomógł: 0
Dołączył: 11.06.2014

Ostrzeżenie: (0%)
-----


Nie wiem jak zabardzo za to sie zabrac, a alertów raczej nie musi być
Go to the top of the page
+Quote Post
djgarsi
post
Post #4





Grupa: Zarejestrowani
Postów: 459
Pomógł: 26
Dołączył: 1.06.2009

Ostrzeżenie: (0%)
-----


Proponuję zrobić inaczej. Nie przewijaj ekranu, gdy przyjdzie wiadomość, ale wyrzucaj jakiś alert (może być dyskretny u dołu ekranu) o nowej wiadomości. Gdy ktoś klinkie ten alert, dopiero wtedy skroluj ekran do tej nowej wiadomości.
Go to the top of the page
+Quote Post
atom90
post
Post #5





Grupa: Zarejestrowani
Postów: 172
Pomógł: 0
Dołączył: 11.06.2014

Ostrzeżenie: (0%)
-----


tylko niezbyt to wygodne to gdy np ktos jest na dole chatu i musi wciaz przewijac na. Dobry pomysl gdy ktos faktycznie czyta starsza wiadomosc, ale gdy jest w trakcie rozmowy to niewygodne
Go to the top of the page
+Quote Post
trueblue
post
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


A w jakim momencie miałoby działać automatyczne przewijanie?
Go to the top of the page
+Quote Post
atom90
post
Post #7





Grupa: Zarejestrowani
Postów: 172
Pomógł: 0
Dołączył: 11.06.2014

Ostrzeżenie: (0%)
-----


W momencie gdy scroll bedzie na samym dole. Hmm pomysł mam taki zeby scrolowalo automatycznie gdy juz na ekranie jest za duzo wiadomosci w oknie diva wtedy pojawia sie suwak i gdy nadejdzie nowa wiadomosc przesuwa w dol. Tak mam. Ale gdy ktos zaingeruje w pozycje suwaka i przesunie wyzej automatyczne scrolowanie przestale dzialac. Ponowne jego aktywowanie nadejdzie ze zdazeniem kiedy uzytkownik sam zjedzie na sam dol scrola i od tego mamentu znow gdy przyjdzie wiadomosc bedzie automatycznie scrolowac. Nie wiem jak i na jakich parametrach stworzyc odpowiedni warunek do tego.
Go to the top of the page
+Quote Post
trueblue
post
Post #8





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Nie do końca rozumiem. Skoro ma przewijać na sam dół wtedy kiedy scroll jest na samym dole, to gdzie tu sens.

Ale jakby nie było.
Proponuję Ci rozwiązanie takie:
- umieszczasz w określonym miejscu/wysokości strony jakiś dowolny element,
- jeśli przychodzi nowa wiadomość i jeśli element jest widoczny (jest w viewport strony), to przewijasz, jeśli nie jest, to nie przewijasz.

https://github.com/teamdf/jquery-visible/
http://opensource.teamdf.com/visible/examp...demo-basic.html
http://www.appelsiini.net/projects/viewport
Go to the top of the page
+Quote Post
r4xz
post
Post #9





Grupa: Zarejestrowani
Postów: 673
Pomógł: 106
Dołączył: 31.12.2008

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/xoxfcfgx/
Go to the top of the page
+Quote Post
com
post
Post #10





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----


warunek i sprawdzasz gdzie sie scroll znajduje jeśli na dole to setTimeOut i animacja jak nie to nic (IMG:style_emoticons/default/wink.gif) mam gdzieś gotowy kod ale nwm gdzie (IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
atom90
post
Post #11





Grupa: Zarejestrowani
Postów: 172
Pomógł: 0
Dołączył: 11.06.2014

Ostrzeżenie: (0%)
-----


Dzieki r4xz
Miałem jeszcze pare problemów przez to ze wenatrz diva wiadomosci przedstawiam w tabeli, ale metoda prob i bledów wkoncu zauwazylem ze musialem dodac jeszcze wysokosc przychodzacej nowej wiadomosci (tr) i wkoncu działa jak chciałem. Dziekuje jeszcze raz
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 16:43