Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Html/CSS/JS] Suwak w pasku przewijania domyślnie na dole div'a
peu
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 26.02.2005

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


Witam

Mam małe pytanie. Mam na stronie chata opartego na php i ajax. Wypowiedzi pojawiają się w DIV-ie, overflow ustawiony jest na auto, cały tekst nie mieści się oczywiście w wyznaczonej wielkości DIV więc pojawia się boczny pasek przewijania. I teraz pytanie: czy da się nadać mu odpowiednie właściwości, czy to za pomocą CSS czy JS, aby suwak domyślnie znajdował się na dole paska(bo na dole DIV-a są najnowsze wpisy)?

Byłbym wdzięczny za wszelką pomoc.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
drPayton
post
Post #2





Grupa: Zarejestrowani
Postów: 890
Pomógł: 65
Dołączył: 13.11.2005
Skąd: Olsztyn

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


1. Nadajesz DIV'owi id, np "mojdiv"

2. W sekcji HEAD umieszczasz funkcję JS:
  1. function setScrollBottom()
  2. {
  3. var scrolledDiv = document.getElementById('mojdiv');
  4. scrolledDiv.scrollTop = scrolledDiv.scrollHeight;
  5. }


3. W tagu body dodajesz zdarzenie onload:
  1. <body onload="setScrollBottom();">


4. Cieszysz się działaniem pod FF, IE7 i Operą9 (nie wiem jak inne)

Pozdrawiam!
Go to the top of the page
+Quote Post

Posty w temacie


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: 26.12.2025 - 13:40