Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Biblioteka jQuery a ScrollTo
filipsiu
post 22.11.2012, 18:01:42
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
!*!
post 22.11.2012, 18:20:16
Post #2





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

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

http://api.jquery.com/scrollLeft/


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
filipsiu
post 22.11.2012, 18:30:47
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.



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 22.11.2012, 18:42:51
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


--------------------
Strony WWW: http://arscreo.pl
Go to the top of the page
+Quote Post
filipsiu
post 22.11.2012, 19:03:55
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
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 12.06.2024 - 14:38
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn