鼠标滚动到网页某处时出发动画

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标滚动到网页某处时出发动画相关的知识,希望对你有一定的参考价值。

function became(e,b) {

//e--块级元素的class或id,b--所需要执行的动画class;

var divTop = $(e).offset().top;

var bodyScroll= $("body").scrollTop();

var winHeight = $(window).height();

if(bodyScroll + winHeight > divTop - 100) {
if(bodyScroll + winHeight < divTop + winHeight) {
$(e).addClass(b);

} else {
$(e).removeClass(b);
}

} else {
$(e).removeClass(b);
}

}

对于这  我感到很心酸,最早的时候  一直在那bodyScroll + winHeight == divTop - 100时出发效果 ,结果if整个进不去,最后 查了好久,才知道了浏览器精确不到==的程度,好心酸。不过最终还是给写出来,开森。。

以上是关于鼠标滚动到网页某处时出发动画的主要内容,如果未能解决你的问题,请参考以下文章

Jquery中怎么实现鼠标移动到某处时出现一个弹窗,里头还有链接的效果

wow.js怎么每次鼠标下滑都加载动画

js,鼠标上下滑轮或者拉动滚动条触发事件

JS图片滚动怎么让鼠标放在图片上后停止滚动,离开继续?

网页不能用鼠标滚轮控制滚动条 我鼠标滚轮上下滚动。。但网页没反应。这是怎么回事。。怎么修复。。

jQuery Hover nav 动画滚动错误