Javascript 检测一个';滚动到视图';使用jquery调用元素
我有一个触发函数“scrollIntoView()”的元素。现在我必须在触发时检测并捕获此事件 我这样触发它:Javascript 检测一个';滚动到视图';使用jquery调用元素,javascript,jquery,Javascript,Jquery,我有一个触发函数“scrollIntoView()”的元素。现在我必须在触发时检测并捕获此事件 我这样触发它: $('.element').scrollIntoView(); $('.element').on('scroll', function() { // STUFF }); $('.element').on('scrollIntoView', function() { // STUFF }); 所以我试着用jquery捕捉它,如下所示: $('.element').scrollInto
$('.element').scrollIntoView();
$('.element').on('scroll', function() { // STUFF });
$('.element').on('scrollIntoView', function() { // STUFF });
所以我试着用jquery捕捉它,如下所示:
$('.element').scrollIntoView();
$('.element').on('scroll', function() { // STUFF });
$('.element').on('scrollIntoView', function() { // STUFF });
但不幸的是,它不起作用
这可能吗?它会触发哪个事件?另外,不要直接绑定到滚动事件。使用requestAnimationFrame()提高性能。
$.fn.inView = function(){
var win = $(window);
var obj = $(this);
var scrollPosition = win.scrollTop();
var visibleArea = win.scrollTop() + win.height() ;
var objEndPos = (obj.offset().top + obj.outerHeight());
return(visibleArea >= objEndPos && scrollPosition <= objEndPos ? true : false)
};