jquery - 动态检测div是否滑下？

Question

我正在使用一个 div：

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

$("#myDiv").slideDown()div 将分别用和上下滑动$("#myDiv").slideUp()。

在某些情况下，如果 div 可见，我想向上滑动，即向下滑动。我尝试了一个类似 using 的解决方案，$("#myDiv").slideToggle()但这不起作用，因为如果它向上滑动，它将向下滑动 div。有没有办法使用 jQuery 来知道 div 是否向下滑动（可见）？

Answer 1

您可以检查'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)');
}

Answer 2

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

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