Kaydırma sırasında sayfayla birlikte aşağı inen Scroll Bar Buddy geliştirme

• Scroll Buddy tanıtımı

  • Kaydırma çubuğunu daha eğlenceli hale getirmek için animasyonlu bir çöp adam figürü ekleyen bir proje.
  • Kaydırırken, sayfanın yanında yukarı aşağı hareket eden çöp adam figürünü görebilirsiniz.
  • Gelecekte kaykaycı, kaya tırmanıcısı, sincap gibi çeşitli sürümler planlanıyor.

• Dikkat edilmesi gerekenler

  • Sayfanın yan tarafındaki örnek animasyon bazı okurlarda sorun yaratabilir.
  • Vestibüler hareket bozukluğu olan okurların, animasyonu görmeden önce cihazlarında hareketi azaltma özelliğini etkinleştirmesi önerilir.
  • Hareketi azaltma ayarı açıksa, Scroll Buddy çoğu tarayıcıda gizlenir.

• Diğer bilgiler

  • Bu proje basit JavaScript ile yapılmıştır.
  • Kaydırma çubuğunu daha da ilgi çekici hale getirecek fikir önerileri bekleniyor.

• Diğer içerik

  • Metnin geri kalanı kaydırma için eklenmiş sahte metindir ve gerçek içerikle ilgili değildir.

[GN⁺]

Hacker News görüşleri

• Eğlenceli. Kodlanmamış bir fikir vardı. Temelde paraşütlü bir hamsterın sayfanın altına doğru yavaşça düşmesi
  • Hızlı kaydırınca paraşüt açılıyor ve görünüm alanının altına yeniden iniyor
  • Üzerine gelince "Top" tabelasını tutuyor, tıklayınca jetpack ile havalanıyor ve ekran en üste ulaştığında tekrar paraşüt açıp ekranın altına yumuşakça iniyor
• Neden kimsenin buna 'Stroll Bar' demediğini merak ediyorum
• Kullanıcı prefers-reduced-motion ayarı yaptıysa böyle bir özellik devre dışı bırakılmalı
  • Ek CSS kuralı gerekiyor
  • @media (prefers-reduced-motion) { #scrollBuddy { visibility: hidden; } }
• Sıkıcı kaydırma çubuğu yerine, sayfanın kenarında yukarı aşağı yürüyen animasyonlu bir çöp adam daha eğlenceli olabilir gibi geliyor
  • İlk prototipi yaptım
  • Sırada kaykaycı, kaya tırmanıcısı ve sincap yapmayı planlıyorum
  • Başka hangi kaydırma dostlarının yapılabileceğini merak ediyorum
• Uygulamanın neden Google Form arkasına gizlendiğini merak ediyorum
  • Uygulama ayrıntılarına DOM içinden kolayca erişilebiliyor
  • E-posta vermeden ilgili ayrıntıları çıkarmayı sağlayan bir gist paylaşıyorum
• Neden Google Form arkasında olduğunu merak ediyorum. E-posta adresi toplamadan önce nasıl göründüğüne dair ekran görüntüsü bile yok. Garip bir gönderi ana sayfaya çıkmış
• Bu, 90'ların sonlarında insanların web sitelerine göz ya da fareyi takip eden ateş efektleri eklediği zamanları hatırlatıyor
• Neyi kaçırdığımı bilmiyorum. Firefox ve Chrome'da kaydırma çubuğunun kendisi dışında hiçbir şey görmüyorum. Özel kaydırma çubuğu renginin bununla ilgili olup olmadığını merak ediyorum
• Bu tür projeler eski interneti hatırlatıyor. Hoşuma gidiyor
• Mevcut kaydırma çubuklarının ne kadar işe yaramaz ve kullanımının zor olduğunu vurguluyor
  • Sayfada nerede olduğunu kolayca görebilmek güzeldi. Mizahı da var. Sevdim