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
DiamondPir
post
Post #2





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

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


ok... więc tak...:
stworzyłem plik js o nazwie gora z tym kodem:
  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. });


wstawiłem w head kod:
  1. <script type="text/javascript" src="{THEME}/js/gora.js"></script>


ten kod wstawiłem na początku body:
  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>



i nadal nie działa;/ dobrze chociaż to robię?
działa tylko przycisk w górę ale i tak płynnie się nie przesuwa...
proszę o odpowiedź z dokładną instrukcją jak to zrobić
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: 8.10.2025 - 08:06