Sayfayı Kaydırmak İçin jQuery Kodu

grafikibrahim24 · 22 Mart 2019

Ekranın sol tarafında bir yönlendirme tabelası yaptım. Her tabela ayrı bir PNG resmi.
Portfolyo yazan tabelanın adı "yonlendirmeportfolyo.png".
Ben istiyorum ki, portfolyo yazan tebelaya tıkladığımda ekranı portfolyo resimlerinin olduğu yere kaydırsın. Bunun için yazılması gereken jQuery kodlarını yazar mıısnız?

Neşeli Enginar · 22 Mart 2019

Dynamicdrive'da hazir kodlar var bir göz at istersen

grafikibrahim24 · 22 Mart 2019

Neşeli Enginar dedi:
Dynamicdrive'da hazir kodlar var bir göz at istersen

Sağol ama web tasarımında çok acemiyim ben bulamıyorum
Sen yazabilir misin söylediğim işlemin kodunu.
Sadece portfolyo için yazsan yeter.
Ben aynısını kopyalayıp anasayfa, hakkımda ve iletişim için değiştiririm zaten.

Fatalis · 26 Mart 2019

Önce sitene jQuery kütüphanesini dahil ettiğin <script> kodunu düzenle, şu anda yanlış bir düzende ve jQuery kütüphanesini dahil etmiyor, daha sonra şunları eklemeyi deneyebilirsin, senin için kendi ellerimle yazdım

HTML:

<script>
    $(document).ready(function(){
        $(".yonlendirmeresim3").click(function(){
            var portfoyScrollVal = $(".portfolyo").offset().top;
                $("html, body").animate({ scrollTop: portfoyScrollVal }, 600);
        });
    });
</script>

Bu kod sadece portfolyo butonu için çalışır, diğerlerini yapmak istersen kopyala yapıtşır yapıp bir kaç kısmı değiştirmen yeterli olacaktır, ilk önce script kodunu düzeltip verdiğim kodu <head> etiketinden sonra ekleyebilirsin çalışacaktır.

Script tagın şu şekilde olmalı:

HTML:

<script src="https://code.jquery.com=jquery-3.3.1.min.js"></script>

grafikibrahim24 · 26 Mart 2019

Fatalis dedi:
Önce sitene jQuery kütüphanesini dahil ettiğin <script> kodunu düzenle, şu anda yanlış bir düzende ve jQuery kütüphanesini dahil etmiyor, daha sonra şunları eklemeyi deneyebilirsin, senin için kendi ellerimle yazdım

HTML:

<script> $(document).ready(function(){ $(".yonlendirmeresim3").click(function(){ var portfoyScrollVal = $(".portfolyo").offset().top; $("html, body").animate({ scrollTop: portfoyScrollVal }, 600); }); }); </script>

Bu kod sadece portfolyo butonu için çalışır, diğerlerini yapmak istersen kopyala yapıtşır yapıp bir kaç kısmı değiştirmen yeterli olacaktır, ilk önce script kodunu düzeltip verdiğim kodu <head> etiketinden sonra ekleyebilirsin çalışacaktır.

Script tagın şu şekilde olmalı:

HTML:

<script src="https://code.jquery.com=jquery-3.3.1.min.js"></script>

Benim yönlendirmede kullanacağım resimler bunlar.

Senin verdiğin kodları ise bu şekilde kullandım ama yanlış mı oldu?

Şuanda portfolyo yazan tabelaya tıklanılmıyor.

Bu şekilde 3.resmi script arasına alırsam komple kayboluyor.

Fatalis · 26 Mart 2019

Script tagı dışında hiçbir kodda değişiklik yapmicaksınız, sadece head etiketleri arasında bulunan <script> etiketini düzeltmenizi istedim diğer her şeyi eski haline getirin ve verdiğim kodu ekleyin ana sayfanıza.

Sayfayı Kaydırmak İçin jQuery Kodu

grafikibrahim24

Decapat

Neşeli Enginar

Gigapat

grafikibrahim24

Decapat

Fatalis

Terapat

grafikibrahim24

Decapat

Dosya Ekleri

Fatalis

Terapat