Forum PHP.pl > [Html/CSS/JS] Suwak w pasku przewijania domyślnie na dole div'a

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [Html/CSS/JS] Suwak w pasku przewijania domyślnie na dole div'a

peu

29.11.2007, 20:53:38

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.

drPayton

29.11.2007, 23:07:34

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

2. W sekcji HEAD umieszczasz funkcję JS:

[HTML] pobierz, plaintext 
function setScrollBottom()
{
    var scrolledDiv = document.getElementById('mojdiv');
    scrolledDiv.scrollTop = scrolledDiv.scrollHeight;
}
[HTML] pobierz, plaintext

3. W tagu body dodajesz zdarzenie onload:

[HTML] pobierz, plaintext 
<body onload="setScrollBottom();">
[HTML] pobierz, plaintext

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

Pozdrawiam!

marcin86s

30.11.2007, 11:44:51

A jak napisać żeby był tylko po prawej nawet jeśli zawartość ramki jest szersza od jej samej?

drPayton

30.11.2007, 11:58:49

Po prawej w sensie tylko pionowy? Jeśli tak to możesz pokombinować z:

[HTML] pobierz, plaintext 
div#ten_div_co_trzeba {
    overflow-x: hidden;
    overflow-y: auto;
}
[HTML] pobierz, plaintext

Pozdrawiam!

peu

30.11.2007, 13:19:21

Dziękuję za pomoc!

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.