2016-04-03 45 views
-1

Bir kullanıcının sayfayı sayfada ne kadar kaydırdığına bağlı olarak bir nesneyi nasıl gizleyeceğini biliyor mu?CSS Nesne Gizle Yüzde

Web sitemde bazı yüzlerce sosyal düğmem var ve kaydırma, altbilgiye (en alttaki) ulaştığında gizlenmelerini ve geriye doğru kaydırdıklarında görünmelerini istiyorum.

+0

Lütfen kodunuzun jsfiddle'ını gönderin. – geeksal

+2

En azından bunu kendiniz için kodlamayı denemeniz bekleniyor. Yığın Taşması bir kod yazma hizmeti değildir. Google üzerinden veya SO arayarak, bir girişimde bulunun ve ek araştırmalar yapmanızı öneririm. Eğer hala sorun yaşıyorsanız, ** kodunuzla geri dönün ve neleri denediğinizi ve neden çalışmadığını açıklayın. –

cevap

1

Yalnızca CSS ile yapılamaz, kullanıcının ne kadar kaydığını izlemek için javascript'i kullanmanız gerekir. jQuery kullanabiliyorsa

, böyle bir şey yapmak zorunda:

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     $("#social").hide(); 
    } else { 
     $("#social").show(); 
    } 
}); 

jsfiddle bakınız. Ancak, bu doğru kodu sağlamadığınız için ihtiyacınız olan şeylerin bir tahminidir. Sadece javascript'e ihtiyacınız varsa (jQuery olmadan) bana bildirin.