Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Scroll na dole ekranu
lectric
post 5.04.2007, 14:23:39
Post #1





Grupa: Zarejestrowani
Postów: 167
Pomógł: 1
Dołączył: 22.08.2006
Skąd: universe

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

Widzialem gdzies kiedys na stronie taki fajny pasek na samym dole okna przegladarki po calej dlugosci gdzie byl scrollowany jakis tekst. Na podobienstwo wygladu i dzialania paskow w tv np. notowania gieldowe.
Czy ktos moglby mnie naprowadzic jak to ugryzc ?


--------------------
Potrzebujesz dodać darmowe ogłoszenia ?, w takim razie musisz odwiedzić to miejsce !
Presell - tutaj dodasz swoj artykul za darmo ! Presell Page dla wszystkich bez limitów i utrudnień
Masz firme ? Ta baza firm jest dla Ciebie i Twoich znajomych są też śmieszne filmiki
Go to the top of the page
+Quote Post
devnul
post 5.04.2007, 15:20:06
Post #2





Grupa: Zarejestrowani
Postów: 1 470
Pomógł: 75
Dołączył: 21.09.2005
Skąd: że znowu

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

javascript/css position relative(nie dziala na ie6.0 i nizej więc lepiej uzyć JS) + marquee/js,


--------------------
Profesjonaliści są przewidywalni...
strzeż się amatorów...
FL4SHB4CK - imprezy, galerie, lokale
Go to the top of the page
+Quote Post
lectric
post 5.04.2007, 23:37:02
Post #3





Grupa: Zarejestrowani
Postów: 167
Pomógł: 1
Dołączył: 22.08.2006
Skąd: universe

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

dzieki, jest ok. tylko teraz nie wiem co zrobic aby warstwa byla pokazywana zawsze na dole ekranu i byla przewijana razem ze strona w tej samej pozycji, rozumiem ze chodzi o wykorzystanie css div oraz js ?


--------------------
Potrzebujesz dodać darmowe ogłoszenia ?, w takim razie musisz odwiedzić to miejsce !
Presell - tutaj dodasz swoj artykul za darmo ! Presell Page dla wszystkich bez limitów i utrudnień
Masz firme ? Ta baza firm jest dla Ciebie i Twoich znajomych są też śmieszne filmiki
Go to the top of the page
+Quote Post
devnul
post 6.04.2007, 00:07:54
Post #4





Grupa: Zarejestrowani
Postów: 1 470
Pomógł: 75
Dołączył: 21.09.2005
Skąd: że znowu

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

jeśli korzystasz z position:relative to dajesz np top:98% i height:2% i wsio jeśli z pozycji absolutnej to musisz przeliczac piksele i zmieniac pozycje za każdym razem gdy ekran zostanie przewinięty. ale mozna tez pobawić się divami i overflow :auto : mniej więcej tak

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. body {overflow:hidden}
  5. </style>
  6. </head>
  7. </body>
  8. <div style="height:98%;overflow:auto">
  9. tu treść strony</div>
  10. <div style="height:2%;overflow:hidden">tutaj tekst z dołu strony</div></body> </html>
[HTML] pobierz, plaintext


--------------------
Profesjonaliści są przewidywalni...
strzeż się amatorów...
FL4SHB4CK - imprezy, galerie, lokale
Go to the top of the page
+Quote Post
Olimpia_ona
post 11.02.2009, 09:41:42
Post #5





Grupa: Zarejestrowani
Postów: 71
Pomógł: 2
Dołączył: 10.03.2005
Skąd: Elbląg

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

Witam, chciałabym odświeżyć ten temat, gdyż również poszukuje takiego mechanizmu przewijającego się paska.
Podglądnełam nawet kod na stronie na której takie coś ładnie działa. Kod wygląda mniej więcej tak:
[HTML] pobierz, plaintext 
  1. <HEAD>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  3. <!--[if lt IE 7]>
  4.         <style type="text/css">
  5. 			#scrltppp {display:none;}
  6.         </style>
  7. <![endif]-->
  8. ....
  9. </head>
  10. ....
  11. <div id="scrltppp" style="clear:both;background:url(themes/default/gfx/pasek_pczer.gif);font:bold 11px tahoma;padding:5px;color:#fff;position:fixed;bottom:0px;left:0px;right:0px;overf
    low:hidden;"    >
  12.      <div id="scrl_news" style="overflow:visible;white-space:nowrap;position:relative;">
  13.           UWAGA KIEROWCY! NA DROGACH JEST BARDZO ŚLISKO. APELUJEMY O ZACHOWANIE WYJĄTKOWEJ OSTROŻNOŚCI.         |        
  14.           <span id="ostlop"> </span>
  15.      </div>
  16. </div>
  17.  
  18. <script>
  19.         var ostlogo=document.getElementById('ostlop').offsetLeft;
  20.         coss = document.getElementById('scrl_news').scrollWidth;
  21.         cosst =  0 - ostlogo;
  22.         document.getElementById('scrl_news').style.left=coss /2 + 'px';
  23.         var tick=1;
  24.         function news_ticker(){ var lee=parseInt(document.getElementById('scrl_news').style.left);
  25.         document.getElementById('scrl_news').style.left = lee - 1  + 'px';
  26.  
  27.         if(lee == cosst)
  28.         { document.getElementById('scrl_news').style.left=coss + 'px'; }
  29.  
  30.         if(tick==4){tick=0;} tick++; } setInterval("news_ticker();",20);
  31. </script>
[HTML] pobierz, plaintext


ten skrypt działa, lecz tylko pod Mozilla Firefox jest ładnie zawsze na dole okna przeglądarki, pod IE7 ten pasek jest pod tekstem, czyli jak tekst jest długi to go nie widać (pokazuje się po przewinięciu strony na sam dół).

Na stronie na której podejżałem ten kod działa dobrze pod każdą przeglądarką. Czego jeszcze w tym kodzie brakuje, by skrypt działał prawidłowo?

źródło skryptu to: http://www.elblag24.pl/
Go to the top of the page
+Quote Post
kazag
post 11.02.2009, 11:07:01
Post #6





Grupa: Zarejestrowani
Postów: 180
Pomógł: 12
Dołączył: 30.04.2007

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

position: fixed; bottom:0px; i z-index:100; ?

Wtedy zawsze będzie w jednym miejscu i zawsze na wierzchu? Przynajmniej powinien.


--------------------
Okoczia - jedyne w Polsce wirtualne państwo indiańskie.
kazag.net - i coś o mnie.
Go to the top of the page
+Quote Post
Olimpia_ona
post 17.03.2009, 08:23:35
Post #7





Grupa: Zarejestrowani
Postów: 71
Pomógł: 2
Dołączył: 10.03.2005
Skąd: Elbląg

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

Dodałam w tym pierwszym div z-index:100

[HTML] pobierz, plaintext 
  1. <div id="scrltppp" style="clear:both;background:url(themes/default/gfx/pasek_pczer.gif);font:bold 11px tahoma;padding:5px;color:#fff; position:fixed; bottom:0px; left:0px;right:0px;overflow:hidden; z-index:100;">
  2. ...
[HTML] pobierz, plaintext


ale to nic nie dało, pod IE7 tego paska nie widać, gdy ogląda się górną cześć strony.

Poradziłam sobie z tym problemem dzięki innemu skryptowi: http://forum.php.pl/index.php?showtopic=66679&hl=

Polecam zainteresowanym
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 19.07.2025 - 18:37
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn