Bir öğenin görünürlüğünün kontrol edilmesi

Question

Bir öğenin görünür olup olmadığını kontrol etmek istiyorum ve eğer evetse, aşağı kaydırmak istiyorum. Bunu şu jQuery:

ile elde etmeye çalışıyorum ama çalışmıyor.

Answer 1

// jQuery no conflict mode 
var j = $.noConflict(); 

// retain meaning of jQuery's handle (optional but makes it 
// sometimes easier if you don't use one-letter assignments 
// of jQuery) 
(function($){ 

    // document read 
    $(function(){ 
    // if element is visible (a visible #element was found) 
    if $('#element:visible').size() > 0){ 
     // scroll to #target 
     $('body').scrollTo('#target'); 
    } 
    }); 

})(j); 

:visible kolaylaştırır. Sadece display=='block''a karşı test edemezsiniz, ayrıca inline-block ve diğerlerini de visibility ayarını kontrol etmek için test etmeniz gerekir. Örneğin, öğe display:block:visibility:hidden olabilir, bu da :visible yapamaz.

Answer 2

Kullanım .is() ve

var j = jQuery.noConflict(); 

jQuery(function($) { 
    if($('#element').is(':visible')){ 
     $('body').scrollTo('#target'); 
    }; 
}); 

Answer 3

:visible Dene:

if($(element).is(":visible")) 

bu yazı bakın: How do I check if an element is hidden in jQuery?