Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Nawigacja - przewijanie strony głównej
kosmos
post
Post #1





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

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


Witam,
Pozwolę sobie przytoczyć tą stronę, tylko i wyłącznie po to, aby zobrazować moje pytanie. Jeśli to zabronione, proszę o edytowanie postu, usunięcie linka i nazwanie tego po imieniu (IMG:style_emoticons/default/smile.gif)

Jak nazywa się taki sposób nawigowania na stronie? Wywołanie danej akcji menu, powoduje przesuwanie głównego ekranu strony w górę lub w dół? Jak najprościej wykonać taką nawigację? Nie proszę o gotowe rozwiązania tylko podpowiedzi, materiały. Wiedziałbym gdzie szukać gdybym potrafil to nazwać (IMG:style_emoticons/default/smile.gif)

Dzięki wielkie, pozdrawiam
N
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kosmos
post
Post #2





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

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


W jsFiddle działa elegancko, ale ja to muszę przełożyć na Symfony2 ;/ a tam niestety w taki sposób działac nie chce.

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  4. <meta http-equiv="Reply-to" content="test@gmail.pl" />
  5. <meta name="Author" content="" />
  6. <meta name="Description" content="Tu wpisz opis zawartości strony" />
  7. <meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
  8. <title><?php echo 'Welcome!';?></title>
  9. <link href="<?php echo $view['assets']->getUrl('css/style5.css') ?>" rel="stylesheet" type="text/css" />
  10.  
  11. <!-- dodanie jQuery do dokumentu -->
  12. <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  13. <!-- Nasz kod java script: -->
  14.  
  15. <script type="text/javascript">
  16. $(document).ready(function () {
  17. var ua=navigator.userAgent.toLowerCase();
  18. var webkit=navigator.userAgent.indexOf('AppleWebKit')!=-1;
  19. $('#link').click(function (e) {
  20. e.preventDefault();
  21. $(webkit?"body":"html").animate({
  22. scrollTop: "+="+$(document.body).height()+'px'
  23. },1000);
  24. });
  25. });
  26.  
  27. </script>
  28. </head>
  29.  
  30.  
  31.  
  32. <body>
  33. <a href="#" id="link">przewiń</a>
  34.  
  35. <div>1</div>
  36. <div>2</div>
  37. <div>3</div>
  38. <div>4</div>
  39. <div>5</div>
  40. </body>
  41. </html>
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: 15.10.2025 - 06:39