markdown 滚动后元素可见时触发事件
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 滚动后元素可见时触发事件相关的知识,希望对你有一定的参考价值。
```javascript
function isScrolledIntoView(elem)
{
//alert("method invoked");
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom) && (elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}
window.addEventListener('scroll', function(e) {
if( isScrolledIntoView('.about-complex-module__stats') ){
// Do your stuff
}
});
```
以上是关于markdown 滚动后元素可见时触发事件的主要内容,如果未能解决你的问题,请参考以下文章
解决移动端页面滚动后不触发touchend事件
解决移动端页面滚动后不触发touchend事件
js如何在页面滚动到一定位置时触发事件?
jQuery 如何获取到隐藏元素的高度?或者在dom元素可见性改变时能触发个事件也行。
如何用jquery实现页面滚动到指定位置后触发事件的效果
当 document.hidden 为 true 时,Chrome 中不会触发滚动事件。任何解决方法?