Forum PHP.pl > [JavaScript]Biblioteka jQuery a ScrollTo

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Biblioteka jQuery a ScrollTo

filipsiu

22.11.2012, 18:01:42

Witajcie!

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

Mam taki kod:

[HTML] pobierz, plaintext 
    <html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
    $(document).ready(function (){
        $("#click").click(function (){
            //$(this).animate(function(){
                $('html, body').animate({
                    scrollTop: $("#div2").offset().top
                     }, 2000);
            //});
        });
    });
</script>
<div id="div1" style="height: 1000px; width 100px">
test
</div>
<br/>
<div id="div2" style="height: 1000px; width 100px">
test 2
</div>
<button id="click">click me</button>
</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!

!*!

22.11.2012, 18:20:16

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

filipsiu

22.11.2012, 18:30:47

@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.

qrooel

22.11.2012, 18:42:51

http://www.webinventif.fr/wslide-plugin/
http://www.webinventif.fr/wp-content/uploa...st-wslide-2.htm

filipsiu

22.11.2012, 19:03:55

dzięki!
właśnie o to mi chodziło.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.