基本上,视口是用户当前可以看到的网页的一部分,滚动条移动视口以显示页面的其他部分。 如果您要开发包含视口元标记的设备,则必须这样做! 今天,我们向您分享我们认为最适合您的布局需求的5个最佳jQuery Viewport插件 。
1. jQuery的视口选择器
使用这些选择器,您可以检查元素是在视口内部还是外部。
源 演示
2. jQuery Bullseye – jQuery的视口检测插件!
jQuery的多功能轻量级插件,可向元素添加enterviewport和离开viewport事件。
来源+演示
3.在视口内
指示元素是否完全在视口内。 它还允许您指定站点的有效视口(例如,考虑到固定的标题和导航栏),并提供一些方便的快捷方式符号)。
源 演示
4. jQuery viewportOffset
类似于内置的jQuery .offset()方法,但是根据元素相对于视口(而不是文档)的位置计算左和上。
源 演示
5. jQuery.Viewport
非常有用且轻巧的jQuery插件,可将元素作为方便的视口显示绝对位置的元素。
来源+演示