jQuery ile Sayfayı Yukarı Alma

jQuery ile Sayfayı Yukarı Alma

/ / Okuma süresi: 1 dk, 21 sn / Yorum (0)
A A A

jQuery ile sayfayı yukarı alma yani bazı web sitelerinde görmüşsünüzdür aşağı indikçe alt köşelerde yukarı oku belirir ve tıkladığınızda sayfa yukarı kayar.

Aşağıya doğru akan web sayfalarında sayfanın yukarısına çıkışı kolaylaştırmak hemde sayfaya dinamiklik kazandırmak için genelde sağ alt köşede yukarı çıkma ok simgesi belirir. Bu simgeye tıkladığınızda sayfa kolayca yukarı çıkar. Hem ziyaretçiler için kolaylık hemde siteniz için modern bir uygulama olur.

Peki bunu nasıl yapıyoruz? jQuery ile bunu yapıyoruz. Örnek için buraya tıklayın.

Öncelikle bunun için sayfamıza aşağıdaki kodları ekleyelim.

 <link type="text/css" rel="stylesheet" href="css/example.css"> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

Örnekten bu kodların dosyalarını bulabilir ve isteğinize göre düzenleyebilirsiniz.

<div class="go-up"></div>

Sonra yukarıdaki kodu sayfanın alt kısmına ekleyelim. Bu kod ile sayfa aşağıya indiğinde yukarı ok tuşu belirecek. Sayfanın görünmesini istediğiniz yerine ekleyin. Hepsi bu kadar. Artık web sitenizde sayfayı yukarı kaydıran bir yardımcınız oldu. Örneği indirip incelediğinizde web sayfanıza adapte etmenin ne kadar kolay olduğunu göreceksiniz. Kolay gelsin..

Bu yazıyı emoji ile değerlendir!
like 0
like 0
like 0
like 0
like 0
like 0
Bu yazıyı sosyal medyada paylaş!
Bu yazı daha önce 1170 kez okundu.
Yazıya ait etiketler
Ogznet.com

Bu yazıyı beğendiniz mi? Haber bültenimize katılarak buna benzer yeni yazılardan haberdar olun!

Açılacak sayfada "Ben robot değilim" işaretleyip "Complete Subscription Request" yazan butona tıklayınız!

    Yorumlar

    Bu yazıya henuz bir yorum yapılmamış. İlk yorumu yapan siz olun!

Yorum Yaz

" jQuery ile Sayfayı Yukarı Alma konulu makalemizde Ogznet.com olarak sizlere jQuery ile Sayfayı Yukarı Alma ile ilgili bilgiler aktarmak istedik. Hemen yukarıda jQuery ile Sayfayı Yukarı Alma ile ilgili yorum ve görüşleri inceleyerek sizlerde yorum bırakabilirsiniz. "

Bir reklam engelleyici kullandığınızı fark ettik

Sorun yok. Kim kullanmıyor ki? Ancak reklam geliri olmadan bu siteyi geliştirmeye devam edemeyiz.

Reklam engelleyicimi devre dışı bıraktım. Devam etmeme izin ver! Reklam engelleyici ile devam etmek istiyorum! Reklam engelleyicimi nasıl devre dışı bırakabilirim?
logo

Bu site için için reklam engelleyici nasıl devre dışı bırakabilirim:

AdblockAdblock / Adblock Plus
  • Tarayıcınızın sağ üst kısmındaki AdBlock / AdBlock Plus simgesine tıklayın.
  • "Aşağıdaki adreste reklamları engelle" seçeneğini kapalı konuma getirin.
  • Değişiklikleri etkinleştirmek için "Tazele" butonuna tıklayın.
FirefoxFirefox Özel Tarama
  • Firefox'ta Özel Tarama yapıyorsanız, "İzleme Koruması" adblock bildirimini kullanabilir. Adres çubuğundaki "Kalkan" simgesini tıklayarak geçici olarak devre dışı bırakılabilir.
  • İşlem bittiğinde bu yardım kutusunu kapatın.
GhosteryGhostery
  • Tarayıcınızda Ghostery simgesini tıklayın.
  • Ghostery versiyon 6.0 altı ise "Whitelist site.", versiyon 6.0 ise "Trust site." ye tıklayın.
  • İşlem bittiğinde bu yardım kutusunu kapatın.
uBlockuBlock / uBlock Origin
  • Tarayıcınızda Ublock / Ublock Origin simgesini tıklayın.
  • Mevcut web sitesini beyaz listeye almak için görünen menüde "power" düğmesine tıklayın.
  • İşlem bittiğinde bu yardım kutusunu kapatın.