检查元素的可见性
这个问题在这里已经有了答案:
// 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