Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> przyciski nawigacyjne strony
DiamondPir
post
Post #1





Grupa: Zarejestrowani
Postów: 78
Pomógł: 0
Dołączył: 12.09.2010

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


witam chciałbym stworzyć przyciski nawigacyjne dla mojej strony
-przesunięcie na samą górę strony
-przesunięcie na sam dół strony
-przyciski miały by się pokazywać dopiero po ruszeniu strony scrollem
-wszystko przypięte do lewej krawędzi strony
-i aby ładnie płynnie się to przesuwało

tylko kompletnie nie wiem jak się za to zabrać;/ jest gdzieś może jakiś przykład tego czy tutorial?
a może jakiś gotowiec też się znajdzie:)? nie napotkaliście się gdzieś na coś takiego?

proszę o pomoc
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
devnul
post
Post #2





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

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


przykład z wykorzystaniem jquery
  1. <a class="slide" href="#top" style="position:fixed;bottom:0;left:0">do góry</a><a class="slide" href="#foot" style="position:fixed;top:0;left:0">na dół</a>

[JAVASCRIPT] pobierz, plaintext
  1. $('a.slide[href*=#]').click(function() {
  2. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  3. var $target = $(this.hash);
  4. $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
  5. this.blur();
  6. if ($target.length) {
  7. var targetOffset = $target.offset().top;
  8. $('html,body').animate({scrollTop: targetOffset}, 'normal');
  9. }
  10. return false;
  11. }
  12. });
[JAVASCRIPT] pobierz, plaintext
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: 10.10.2025 - 06:34