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.

[PHP] pobierz, plaintext 
  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>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- kosmos   [CSS][HTML]Nawigacja - przewijanie strony głównej   6.03.2015, 10:27:19
- - kafowi   To są kotwice, a efekt przedstawiony na stronie to...   6.03.2015, 11:28:55
- - robertpiaty   Można też to zrobić za pomocą samego jQuery [HTML]...   6.03.2015, 19:12:20
- - kosmos   Kontynuując wątek. Znalazłem w sieci taki oto kawa...   16.03.2015, 11:33:23
- - kujol   Normalnie to się robi tak, że do linku doklejasz: ...   16.03.2015, 14:55:06
- - kosmos   Próbuję nauczyć się podstaw aby to zrozumieć ale p...   18.03.2015, 20:18:18
- - trueblue   http://jsfiddle.net/jL94mxvt/   18.03.2015, 20:40:32
- - kosmos   o dzięki! a w którym miejscu mogę ustawiać szy...   18.03.2015, 20:47:00
- - trueblue   http://jsfiddle.net/jL94mxvt/1/ 1000 = 1s (1000ms)...   18.03.2015, 20:52:20
- - kosmos   W jsFiddle działa elegancko, ale ja to muszę przeł...   18.03.2015, 20:58:36

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 15.10.2025 - 04:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn