如何解决TypeError:el.visible不是函数-检查滚动后元素是否可见
我有只想触发一次的滚动动画。元素已经可见后,我想添加另一个类(“已经可见”)以停止动画。我收到 el.visible不是函数的Uncaught TypeError。这是语法错误吗?
$(document).ready(function() {
/*SCROLL ICONS-----------------------------------------
----------------------------------------------------------------*/
var $animation_elements = $('.show-on-scroll');
var $window = $(window);
function check_if_in_view() {
var window_height = $window.height();
var window_top_position = $window.scrollTop();
var window_bottom_position = (window_top_position + window_height);
$.each($animation_elements,function() {
var $element = $(this);
var element_height = $element.outerHeight();
var element_top_position = $element.offset().top;
var element_bottom_position = (element_top_position + element_height);
//check to see if this current container is within viewport
if ((element_bottom_position >= window_top_position) &&
(element_top_position <= window_bottom_position)) {
$element.addClass('is-visible');
} else {
$element.removeClass('is-visible');
}
});
}
$window.on('scroll resize',check_if_in_view);
$window.trigger('scroll');
/*END SCROLL ICONS-----------------------------------------
----------------------------------------------------------------*/
var win = $(window);
var allMods = $('.show-on-scroll');
// Already visible modules
allMods.each(function(check_if_in_view) {
var el = $(el);
if (el.visible(true)) {
el.addClass("already-visible");
}
});
win.scroll(function(event) {
allMods.each(function(check_if_in_view) {
var el = $(el);
if (el.visible(true)) {
el.addClass("already-visible");
}
});
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。