Bir div için uygulanan slideDown, slideDown öğesini yapar, ancak sayfayı aşağı kaydırmaz ve div aşağı kaydırılan div görünümden gizlenir. Sayfayı aşağı kaydırmak için bir kullanıcı var mı, böylece kullanıcı div görüntüleyebilir?JQuery'de sayfayı aşağı kaydırmak için slideDown() yönteminin yolu var mı?
11
A
cevap
22
Hızlı demo here
Temelde bütün ihtiyacınız
$('html, body').animate({
scrollTop: $('#yourDiv').offset().top
}, 3000);
8
$.extend($.expr[':'],{
inView: function(a) {
var st = (document.documentElement.scrollTop || document.body.scrollTop),
ot = $(a).offset().top,
wh = (window.innerHeight && window.innerHeight < $(window).height()) ? window.innerHeight : $(window).height();
return ot > st && ($(a).height() + ot) < (st + wh);
}
});
if ($('#whatever').is(':not(:inView)')) {
$('html,body').animate({
scrollTop: $('#whatever').offset().top
}, 3000);
}
+2
+1 Wow .. Bu şimdiye kadar gördüğüm en okunabilir JS! –
+0
Animasyonlu kaydırma yapan genel bir jQuery eklentisi ilginizi çekebilir (ve ayrıca öğeler görünür olduğunda da hiç kaydırma yapmaz) http://erraticdev.blogspot.com/2011/02/jquery-scroll-into-view- plugin-with.html * scrollTo * eklentisine benzer, ancak daha basittir (daha hızlı) –
İlgili konular
- 1. Bir web sayfasını aşağı kaydırmak için nasıl
- 2. mockito: Stubbed yönteminin dönüş değerini yakalamanın bir yolu var mı?
- 3. Java Swing - bir JTextArea aşağı kaydırmak nasıl?
- 4. Sayfayı yenilemeden tarayıcınızın adres çubuğunu değiştirmenin bir yolu var mı?
- 5. iframe'i yukarı ve aşağı kaydırmak için javascript'i kullanma
- 6. Fastclick'in "active" durumunu kaydırmada engellemesinin bir yolu var mı?
- 7. Nasıl Aşağı kaydırılır - JQuery
- 8. VISIBLOX, WPF: Yatay olarak kaydırmak için grafik noktaları mı alıyorsunuz?
- 9. Rcov'da, hangi test yönteminin test edilen belirli bir kod satırını geçtiğini bulmanın bir yolu var mı?
- 10. Sayfanın altındaki sayfayı aşağı kaydırın, Sencha 3 ExtJS
- 11. Habtm için rotaları yapılandırmak için RESTful bir yolu var mı?
- 12. Tüm sayfayı bulanıklaştırmak ve belirli bir div'i jquery/javascript ile odaklamanın bir yolu var mı?
- 13. Android Studio kod biçimlendirmesi yavaşlıyor ve sayfayı aşağı kaydırıyor
- 14. jQuery: Sayfayı aşağı kaydırırken bir elemandaki 'sınıflar' değişikliklerini algıla
- 15. Sayfayı aşağı kaydırdığınızda gezinme çubuğu nasıl renk değiştirir?
- 16. android listview listitems sayısını kaydırmak
- 17. jQuery slideDown/slideUp IE7'de çalışmıyor
- 18. Imacro - Javascript Sayfa Başına Doğru Kaydırmak İçin Koşulsal
- 19. jQuery - slideDown ve itme simgeleri
- 20. Android için Chrome'da div'ları kaydırmak mümkün mü?
- 21. "Aşağı kaydır" olayını yakalama?
- 22. "Vurgulu" kodun herhangi bir yolu var mı?
- 23. django.db.connection.queries öğesini temizlemenin bir yolu var mı?
- 24. Python'da + = aşırı yüklenmenin bir yolu var mı?
- 25. Düzenleri canlandırmanın bir yolu var mı? [Android]?
- 26. WiX yapılarını hızlandırmanın bir yolu var mı?
- 27. Özel SmartArt geliştirmenin bir yolu var mı?
- 28. IComparer'dan IEqualityComparer türetmenin bir yolu var mı?
- 29. Sayfadaki tüm javascript'i durdurmanın bir yolu var mı?
- 30. MVC'de kullanılmayan görünümleri bulmanın otomatik bir yolu var mı?
Evet bu iş gibi görünüyor olduğunu. Ancak tekrar tıklandığında sayfa bir pislik verir ve tekrar canlandırmaya çalışır. Div zaten görünür ve animasyon değil olup olmadığını kontrol etmek için bir yolu var mı? –
JimmyP aşağıda yardım etti! – redsquare
ama belki başka bir Q olarak daha iyi! – redsquare