Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [Html/CSS/JS] Suwak w pasku przewijania domyślnie na dole div'a
peu
post 29.11.2007, 20:53:38
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
drPayton
post 29.11.2007, 23:07:34
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:
[HTML] pobierz, plaintext 
  1. function setScrollBottom()
  2. {
  3.     var scrolledDiv = document.getElementById('mojdiv');
  4.     scrolledDiv.scrollTop = scrolledDiv.scrollHeight;
  5. }
[HTML] pobierz, plaintext


3. W tagu body dodajesz zdarzenie onload:
[HTML] pobierz, plaintext 
  1. <body onload="setScrollBottom();">
[HTML] pobierz, plaintext


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
marcin86s
post 30.11.2007, 11:44:51
Post #3





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 29.11.2007
Skąd: City 17

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

A jak napisać żeby był tylko po prawej nawet jeśli zawartość ramki jest szersza od jej samej?
Go to the top of the page
+Quote Post
drPayton
post 30.11.2007, 11:58:49
Post #4





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

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

Po prawej w sensie tylko pionowy? Jeśli tak to możesz pokombinować z:
[HTML] pobierz, plaintext 
  1. div#ten_div_co_trzeba {
  2.     overflow-x: hidden;
  3.     overflow-y: auto;
  4. }
[HTML] pobierz, plaintext


Pozdrawiam!
Go to the top of the page
+Quote Post
peu
post 30.11.2007, 13:19:21
Post #5





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

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

Dziękuję za pomoc!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 25.04.2025 - 05:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn