动态检测div是否滑落?

时间:2012-08-21 13:05:57

标签: jquery

我正在使用div:

<div class="testDivClass" id="myDiv"></div>

div将分别以$("#myDiv").slideDown()$("#myDiv").slideUp()向下滑动。

在某些情况下,如果可见,我想向上滑动div,即向下滑动。我尝试过使用$("#myDiv").slideToggle()之类的解决方案,但这不起作用,因为如果它向上滑动,它会向下滑动div。有没有办法使用jQuery来知道div是否向下滑动(可见)?

2 个答案:

答案 0 :(得分:0)

你可以检查'display'css属性,如果它是slidedDown,它应该等于'block',否则等于'none'。

示例:

var status = jQuery('div.myDiv').css('display');

if(status == 'block'){
    alert('I am slided down (shown)');
}else{
    alert('I am slided up (hidden)');
}

答案 1 :(得分:0)

只需使用:$('#myDiv').is(':visible') // returns true/false
所以对于你的例子,你会做这样的事情:

$myDiv = $('#myDiv')
if ($myDiv.is(':visible'))
  $myDiv.slideUp()