Sonsuz kaydırma, herhangi bir iyi tasarımın ideal özelliklerinden birini temsil eder: insanlar bunu düşünmeden kullanabilirler.
Bir kaç kez karşılaştığınız zaman, bunu unutursunuz. Çoğumuzun, belli uygulamaların veya bazı tür uygulamaların, bir sayfanın altına isabet ettiğimizde daha fazla içerik yüklemesini beklediğini söyleyebilirim. Ve neden olmasın? Bu etkili ve çoğu zaman uygun.
Bazı bağlamlarda, sürekli sayfaları görmek için sürekli tıklamak hızlı bir şekilde sürüklenebilir. Bu durumlarda, sayfalandırma yararlı bir gezinme aracı değildir, ancak tarama deneyiminde kesinti olur. Sonsuz kaydırma - kendi sorunları ile gelse de - daha pürüzsüz deneyimler yaratma yolunda çok ilerliyor.
Bu, özellikle küçük parçalara ayrılan büyük miktardaki bilgilere göz atmanız gerektiğinde geçerlidir. Yaygın örnekler şunları içerir: Twitter, haber siteleri, tumbloglar, resim galerileri vb.
Tabii ki, herkes için ya da her proje için değil. Sitelerinize sonsuz bir sevgi katmaya karar vermiş olanlarınız için, sitenize kolayca uygulamak için birkaç etkili yol vardır:
Çoğu durumda, büyük olasılıkla bu tür davranışları, bir veritabanında saklanan dinamik içeriğe sahip sitelere / uygulamalara ekleyeceksiniz. İki nedenden ötürü statik sitelerin etrafında dönen bir bağlantı eklemeye karar verdim:
Bu eğitim Hongkiat.com'dan, aralarında dahil olmak üzere iki farklı jQuery eklentisi var. Sonsuz kaydırma Paul Irish tarafından.
Bir eklenti şeklinde WordPress için kullanıma sunulmamış olan güneş altında herhangi bir özellik veya işlevsellik olduğundan emin değilim. Sonsuz kaydırma, elbette istisna değildir.
İlk olarak, bir kez daha Sonsuz kaydırma . Evet. Bu jQuery eklentisi, Paul Irish tarafından da yapılan resmi bir WordPress uygulaması ile birlikte gelir. Bağlantı, eklentinin ana sayfasında, en üstte belirgin ve görünür olan bağlantıdır. Ayrıca, sayfada bulunan eklenti, WordPress temanızla birlikte çalışacak eklentiyi yapılandırmanıza yardımcı olacak bir öğreticidir, bu yüzden belgeleri kontrol ettiğinizden emin olun.
Daha sonra, WordPress'in arkasındaki şirketin Automattic'in bizi sevdiğini ve mutlu olmamızı istediğine dair kanıtımız var. Bir oluşturdular Jetpack modülü Bu aynı zamanda temanıza sonsuz kaydırma katacak. Yine, belirli temanızla çalışmak için eklentiyi özelleştirmeniz gerekebilir.
Ama ya kodun derinlerine dalmak istiyorsan ve bunu sıfırdan nasıl yapacağını öğrenmek istiyorsan? WPTuts + bunun yerine bununla kaplıdır derinlemesine öğretici . Ön uç kodu ara bir anlayışa sahip insanlar için önerilir, öğretici, temanızda sonsuz kaydırma yapmak için ihtiyacınız olan her şeyle birlikte gelir. Bazıları bunu yapmanın “doğru yol” olduğunu bile iddia ederdi.
Birçok tasarımcı ve bazı geliştiriciler, düşüncelerini paylaşmak ve / veya çalışmak için tumblr'dan yararlanırlar. Onlardan biri misin? Tumblr temanızın, gösterge tablonuz gibi, sonsuz olarak kaydırılmasını ister misiniz? Daha fazla bak Cody Sherman öğreticisi . Ortalama, kodlamayan Tumblr kullanıcısı için yazıldığından beri, bu öğretici son derece basit. Bu, her Tumblr temasıyla çalışmayabileceği için bir maliyete sahiptir.
jQuery Masonry, web üzerinde duvar stili düzenleri oluşturmak için klasik eklentidir. (Şahsen, isminin bunu verdiğini düşünüyorum.) Duvar mizanpajları, her zaman sonsuz kaydırma ile iyi sunulan küçük bilgi parçalarını göstermekle ilgili olduğundan, pek çok web sitesinin iki davranışı birleştirmesi sürpriz değildir. (Görmek: pinterest ) Statik siteler için resmi belgelere göz atmalısınız. İşte.
İzotop, masonluk düzenlerini uygulamak için insanlara yardım etmek amacıyla yaratılmış olduğu için Masonluk işlevine benzer. Burayı buraya dahil ettim çünkü bence, aslında daha iyi. Bu çoğunlukla, deneme yanılma yoluyla, bu jQuery eklentisiyle gerçekten duyarlı bir duvar düzenini yapabildiğim için. Başkalarıyla daha az şansım oldu. Deneyimleriniz değişebilir. Belgelere göz atın İşte.
Öne çıkan görsel / küçük resim, sonsuz kaydırma resmi Shutterstock üzerinden.