element-viewer
Version:
Know if some element is being viewed and trigger to anything you want.
1 lines • 590 B
JavaScript
;function elementViewer(){var t,n=this,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{elementSelector:"body",visualizationTimer:3e3},i=1<arguments.length&&void 0!==arguments[1]?arguments[1]:function(){console.log("Element viewed by 3 seconds (default).")},o=!0,l=e.elementSelector,r=e.visualizationTimer,c=document.querySelector(l);window.addEventListener("scroll",function(){o&&(clearInterval(t),t=setInterval(function(){var e=c.getBoundingClientRect();e.top<=50&&e.bottom>=c.clientHeight/2&&(i(),o=!1,window.removeEventListener("scroll",n)),clearInterval(t)},r))})}