检查元素的可见性

这个问题在这里已经有了答案:

  • 我如何检查一个元素是否隐藏在jQuery中? 53个答案

  • // 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使得它更容易。 你不能只针对display=='block'进行测试,除了检查visibility设置外,还需要测试inline-block和其他内容。 例如,元素可能会display:block:visibility:hidden ,它不会:visible


    尝试:

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

    参考这篇文章:我如何检查一个元素是否隐藏在jQuery中?


    使用.is()和:可见

    var j = jQuery.noConflict();
    
    jQuery(function($) {
        if($('#element').is(':visible')){
            $('body').scrollTo('#target');
        };
    });
    
    链接地址: http://www.djcxy.com/p/2391.html

    上一篇: Checking visibility of an element

    下一篇: JQuery: if div is visible