`
jjfat
  • 浏览: 264214 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

5个viewport相关的jQuery插件

阅读更多

在web和网站开发中我们常常需要处理viewport相关的功能,在前面的文章中我们曾经介绍过 javascript响应式视图(viewport)切换工具类库,今天这里我们再介绍5个和viewport相关的jQuery插件,希望大家喜欢!

Viewport Selectors for jQuery

这个简单的jQuery插件可以快速帮助你检测元素是否处于viewport中。

分享5个viewport相关的jQuery插件

jQuery Bullseye - Viewport detection plug-in for jQuery!

功能丰富的轻量级jQuery插件,帮助你添加进去和离开viewport的方法

分享5个viewport相关的jQuery插件 

Within Viewport

这个jQuery插件帮助你判断元素是否处于viewport中。同时允许你指定网站的有效viewport,比如,固定的菜单和导航条。

分享5个viewport相关的jQuery插件 

jQuery viewportOffset

这个jQuery插件和jQuery内建的.offset()方法类似,但是计算的是left和top距离viewport的距离而不是document。

分享5个viewport相关的jQuery插件

jQuery.Viewport

非常好用的轻量级jQuery插件,帮助你设置一个元素作为viewport,使用绝对定位来显示元素。

分享5个viewport相关的jQuery插件

 

标签: jQuery, jquery插件, viewport

 

来源:分享5个viewport相关的jQuery插件

分享到:
评论

相关推荐

    viewport.jquery:viewport.jquery-简单但方便的jQuery插件,添加方法和CSS选择器以检查元素是否在特定视口中

    视口是简单但方便的jQuery插件,它添加了方法和CSS选择器来检查元素是否在特定视口中。 此外-即使不是亲属,您也可以检查两个单独元素的位置关系。 插件使用确定元素位置,因此请确保它满足您的浏览器支持要求。 ]...

    jQuery插件isInViewport.js.zip

    isInViewport.js 是个超轻型 jQuery 插件,会提示用户元素是否在 viewport 上,但是会有个 twist。它允许用户选择一个可视的元素,使用:in-viewport 选择器或者调用 .isInViewport() 方法。在线演示 支持的浏览器:...

    详解jquery插件jquery.viewport.js学习使用方法

    本篇文章主要介绍了详解jquery插件jquery.viewport.js学习使用方法,具有一定的参考价值,有兴趣的可以了解一下

    viewport.js:jQuery 视口插件

    视口.js 也许有一天文档会出现。

    前端项目-jQuery-viewport-checker.zip

    前端项目-jQuery-viewport-checker,一个小脚本,用于检测元素是否在视区中并向其添加类。

    基于jquery的公告插件支持图片路径背景颜色等

    基于 jquery 的公告插件,支持图片路径、背景颜色、z-index、文件上传、beforeLoad、afterLoad 等参数配置。支持公告内容和间距随着 viewport 宽高变化而动态变化,但有最大最小值,支持的附件类型有:word、excel、...

    ReadThis:简单的漫画阅读器 JQUERY 插件

    简单的漫画阅读器 JQUERY 插件 需要:JQUERY、JQUERY.FULLSCREEN 由 Vladimir Zhuravlev ( ) 警告!:项目正在进行中。 可以在发布文件夹中找到 alpha 工作版本。 用法:$("#ReadThis").ReadThis(options); ...

    jquery插件实现轮播图效果

    本文实例为大家分享了jquery插件实现轮播图的具体代码,供大家参考,具体内容如下 轮播图的实现(jquery插件) 需要引入jquery插件,去jquery官网搜索 <!DOCTYPE html> <html lang=en> <head> <...

    jquery-onscreen:一个简单的 jQuery 插件,用于测试给定元素(或其中的一部分)是否在当前视口的边界内

    jQuery 屏幕插件这个插件是一种测试给定元素(或其中的一部分)是否在当前视口范围内的简单方法。 您可以将它用于各种事情,例如延迟动画和其他 javascript 的执行直到元素对用户可见 - 无论他们的设备或屏幕大小...

    touch.js JQuery touch插件

    综合改进了zepto和JQuery mobile的touch和swipe功能,下面是DEMO <!DOCTYPE html> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no"> <title>...

    jQuery轻量级跨平台响应式导航菜单插件Trunk.js源码.zip

    jQuery轻量级跨平台响应式导航菜单插件Trunk.js是一款非常实用的实现轻量级响应式跨平台的jQuery导航菜单插件的代码。该插件会根据viewport的大小来重置导航菜单。在大屏幕设备中,导航菜单以常规的水平菜单展示,在...

    【JavaScript源代码】多种类型jQuery网页验证码插件代码实例.docx

    charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <title>jQuery网页验证码插件</title> <link rel="st

    jquery-calendar:jQuery 日历插件

    jQuery 日历插件 克隆只需使用: git clone https://github.com/a2wd/jquery-calendar.git 要使用确保你有一个指向 jQuery 的链接并像这样调用一个元素: $(element).aCal(); 或者,使用返回值进一步操作日历...

    verge, 在视口中,获取viewport尺寸,检测元素.zip

    verge, 在视口中,获取viewport尺寸,检测元素 compact 是一组用本机JavaScript编写的跨浏览器 视口实用程序。 它包括检测元素是否位于当前视口中的...ender模块或者作为 jQuery插件插件运行。 ( npm: ) API.viewpor

    简洁实用的BootStrap jQuery手风琴插件

    前端 <... <head> <meta charset=UTF-8>...简洁实用的jQuery手风琴插件|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title> <link rel=stylesheet type=text/css href

    jQuery自适应轮播图插件Swiper用法示例

    本文实例讲述了jQuery自适应轮播图插件Swiper用法。分享给大家供大家参考,具体如下: 运行效果截图如下: 示例代码如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"&...

    轻量级跨平台的jQuery响应式导航菜单插件

    Trunk.js是一款非常实用的轻量级响应式跨平台的jQuery导航菜单插件。该插件会根据viewport的大小来重置导航菜单。在大屏幕设备中,导航菜单以常规的水平菜单展示,在移动手机等小屏幕设备中,它会将菜单转换为侧边栏...

    jquery上传插件

    meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-...

    jQuery插件DataTable使用方法详解(.Net平台)

    上一篇随笔提到了MvcPager,最近用到了一款前端JQ插件——DataTable(简称DT),很好用。 DT是一款前端插件,和后端完全分离开,就这点来看,我就特别喜欢。 一.使用DT,需要以下支持 js:jq+jquery.dataTables.min....

Global site tag (gtag.js) - Google Analytics