Jquery ile ” Yukarı Çık ” tuşu yapma
SanalData’yı Google’da tercih edilen kaynak olarak ekleyin
Harun Kılıçlar
· 1 dk okuma
· 5 okunma
Merhaba arkadaşlar,
Aşağı doğru kayan veya çok fazla ürün listelemesi olan websitelerinde yukarı çık butonu gerekebiliyor bunun için aşağıdaki kodları kullanmanız yeterlidir.
Style dosyası
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
#top { bottom: 5px; display: none; height: 100px; position: fixed; right: 20px; font-size:40px; color:#ea786a; cursor:pointer; opacity:0.5; transition:500ms; } #top:hover{ opacity:1; transition:500ms; } |
Jquery tarafı
|
1 2 3 4 5 6 7 8 9 10 |
$(function () { $("#top").click(function () { $("html,body").stop().animate({ scrollTop: "0" }, 1000); }); }); $(window).scroll(function () { var uzunluk = $(document).scrollTop(); if (uzunluk > 300) $("#top").fadeIn(500); else { $("#top").fadeOut(500); } }); |
Html tarafı
|
1 2 3 |
<div id="top"> Yukarı Çık </div> |
Bir sonraki konuda görüşünceye kadar bol debuglu günler 🙂
Günün zaman çizelgesi
Haber eklenme saatine göre sıralanır.
- Bugün
- Apple, Brüksel’de teknoloji lobisinin en aktif şirketlerinden
- Apple gündeminde iPhone Duo, AirPods 5 ve mesajla sipariş
- Armadin, yapay zekâ güvenliği için 255,5 milyon dolar topladı
- Lyft, sürücü sınıflandırması davasında 272,5 milyon dolar ödeyecek
- GrayKey, iPhone’un 72 saatlik güvenlik kilidini aşabilir
- Grok’un Maduro operasyonunu Trump’a önerdiği iddia edildi
- GTA 6’nın hava sistemi yerel yağış ve kasırgalar sunacak
- Apple Arcade kataloğuna beş yeni oyun eklendi
- Dün
- Audible, yapay zekâ destekli interaktif hikâyeleri duyurdu
- Kena: Scars of Kosmora’nın çıkışı 2027’ye ertelendi
- Google Gemini Live, küçük yazıları okuyabilecek
- Android Central ekibi işten çıkarıldı, yayınlar sürecek
- Apple’ın HomePad ürünü için çıkış tarihi iddiası gündemde
- Google’ın uzay veri merkezleri için 1.800 Starship uçuşu gerekebilir
Yazar
Harun Kılıçlar
Harun, yazılım geliştirme, web teknolojileri, mobil uygulamalar, veritabanı sistemleri ve yapay zekâ üzerine çalışan bir teknoloji editörüdür. SanalData’nın kurucusu olarak yazılım, yapay zekâ, mobil teknolojiler ve teknoloji sektöründeki gelişmeleri izler ve değerlendirir.