CSS ile nasıl yapılabilir ?

24-10-2013, 12:20:13

Kimlik doğrulama veya yönetimden onay bekliyor.

Arkadaşlar şimdi şöyle bi olay yapacağım sanırım bu olayın adı parallax scrolling ben işin sadece şu kısmını soruyorum Örneğin İletişim menüsü var ve iletişim menüsü footerda ben headerda ki iletişime tıkladığımda animasyonlu bir şekilde aşağıya insin yani iletişime insin istiyorum.Yardım eden herkese çok teşekkür ederim.

24-10-2013, 19:45:05

#2

alikarakoc93

Anladığım kadarıyla yukarıda bir iletişim linkin var ve buna basıldığı zaman aşağıda ki iletişim formuna kaydırmak istiyorsun.

Şu yöntemi bir dene;

HTML KOD

<a href="javascript:void(0)" id="goIletisim">iletisim</a>

JQUERY KOD

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $("#goIletisim").click(function () {
                $("body").animate({ scrollTop: $(document).height() }, 2000);
            });

        });
    </script>

jquery kodunu title etiketi altına ekle

İletişim linkine id="goIletisim" eklemeyi unutma

2000 değerini ne kadar yükseltirsen o kadar yavaş kayacaktır.

24-10-2013, 23:36:07

#3

Haktan

Sanırım dediğin olay şu hocam

http://tympanus.net/codrops/2012/06/...h-transitions/

27-10-2013, 16:46:07

#4

PrestijTR

alikarakoc93 adlı üyeden alıntı: mesajı görüntüle

Anladığım kadarıyla yukarıda bir iletişim linkin var ve buna basıldığı zaman aşağıda ki iletişim formuna kaydırmak istiyorsun.

Şu yöntemi bir dene;

HTML KOD

<a href="javascript:void(0)" id="goIletisim">iletisim</a>

JQUERY KOD

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $("#goIletisim").click(function () {
                $("body").animate({ scrollTop: $(document).height() }, 2000);
            });

        });
    </script>

jquery kodunu title etiketi altına ekle

İletişim linkine id="goIletisim" eklemeyi unutma

2000 değerini ne kadar yükseltirsen o kadar yavaş kayacaktır.

Birebir yaptım ama çalıştı ama tam istediğim yere gitmedi, şöyle bir şey yapınca çalışıyor;

$("#anasayfa").click(function(){
				$("html,body").stop().animate({scrollTop :1600});
			});

lakin bu kodu yazdığımda tarayıcı boyutu değiştiğinde ise şöyle bi sorun var tam istediğim yere gitmiyor