相关疑难解决方法(0)

我正在通过AJAX加载元素.只有向下滚动页面时,其中一些才可见.
有什么方法我可以知道一个元素现在是否在页面的可见部分？

是否有一种有效的方法来判断DOM元素(在HTML文档中)当前是否可见(出现在视口中)？

(关于Firefox的问题)

使用.fadeIn()和.fadeOut(),我一直在我的页面上隐藏/显示一个元素,但有两个按钮,一个用于隐藏,一个用于显示.我现在想要一个按钮来切换两者.因此,我的问题是如何检测元素是否可见？

我的HTML原样:

<a onclick="showTestElement()">Show</a>
<a onclick="hideTestElement()">Hide</a>

我的JS是这样的:

function showTestElement() {
  $('#testElement').fadeIn('fast');
}

function hideTestElement() {
  $('#testElement').fadeOut('fast');
}

我希望得到我的HTML:

<a onclick="toggleTestElement()">Show/Hide</a>

我希望得到我的JS,虽然纯粹的jQuery会很好:

function toggleTestElement() {
  if (document.getElementById('testElement').***IS_VISIBLE***) {
    $('#testElement').fadeOut('fast');
  } else {
    $('#testElement').fadeIn('fast');
  }
}

任何帮助感激地收到..