Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Biblioteka jQuery a ScrollTo
filipsiu
post
Post #1





Grupa: Zarejestrowani
Postów: 150
Pomógł: 1
Dołączył: 2.07.2012
Skąd: localhost

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

Witajcie!

Mam do Was pytanie, jako że nie zabierałem się za JS jestem w tym jeszcze zielony.

Mam taki kod:
[HTML] pobierz, plaintext 
  1.     <html>
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  3. <script>
  4.     $(document).ready(function (){
  5.         $("#click").click(function (){
  6.             //$(this).animate(function(){
  7.                 $('html, body').animate({
  8.                     scrollTop: $("#div2").offset().top
  9.                      }, 2000);
  10.             //});
  11.         });
  12.     });
  13. </script>
  14. <div id="div1" style="height: 1000px; width 100px">
  15. test
  16. </div>
  17. <br/>
  18. <div id="div2" style="height: 1000px; width 100px">
  19. test 2
  20. </div>
  21. <button id="click">click me</button>
  22. </html>
[HTML] pobierz, plaintext

otóż, kod działa dobrze, lecz nie w tym rzecz da radę jakoś to przerobić by zamiast przewijało w dół to przewijało w prawo ? tzn chcę układ strony poziomy.
Z góry dzięki za wszystkie odp!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
!*!
post
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

http://api.jquery.com/scrollLeft/
Go to the top of the page
+Quote Post
filipsiu
post
Post #3





Grupa: Zarejestrowani
Postów: 150
Pomógł: 1
Dołączył: 2.07.2012
Skąd: localhost

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

@up, niestety nie o to mi chodziło może pokażę to na obrazku.
(IMG:http://img59.imageshack.us/img59/2979/przykladw.png)


i teraz tak, po wciśnięciu tej strzałki przewija się treść 1 na treść 2.
Go to the top of the page
+Quote Post
qrooel
post
Post #4





Grupa: Zarejestrowani
Postów: 306
Pomógł: 42
Dołączył: 25.03.2010
Skąd: Kraków

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

http://www.webinventif.fr/wslide-plugin/
http://www.webinventif.fr/wp-content/uploa...st-wslide-2.htm
Go to the top of the page
+Quote Post
filipsiu
post
Post #5





Grupa: Zarejestrowani
Postów: 150
Pomógł: 1
Dołączył: 2.07.2012
Skąd: localhost

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

dzięki!
właśnie o to mi chodziło.
Go to the top of the page
+Quote Post
« 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 · Linearny+ · Przełącz na: Drzewo

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

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