介绍Viewport是一个简单的jQuery插件,它为元素添加自定义的伪选择器和处理程序,用于在可见窗口内外进行简单的元素检测。使用方法方法$(":in-viewport");$(":above-the-viewport");$(":below-the-viewport");$(":left-of-viewport");$(":right-of-视口");$(":部分在视口上方");$(":部分在视口下方");$(":部分视口左侧");$(":partly-right-of-viewport");$(":have-scroll");实例黄色部分离开屏幕后显示后退按钮varwodBackButton=function(){//元素显示后退屏幕左侧的按钮$("#wodsHome:left-of-screen").each(function(){$('#wodBackButton').removeClass('hide');return;});//元素在屏幕显示区域隐藏后退按钮$("#wodsHome:in-viewport").each(function(){$('#wodBackButton').addClass('hide');return;});}$('#mediaContainer').bind("滚动",函数(事件){wodBackButton();});wodBackButton();总结通过使用本插件,可以非常简单方便的获取屏幕的区域和屏幕外的区域进行开发。github地址
