Posfixed - jQuery导航/表头固定插件

分类: 开源
人气 / 评论 / 05-23 发布
作者:
后台-系统设置-扩展变量-手机广告位-内容正文顶部

Posfixed 能够让网页的导航或表头等固定在顶部或底部,让用户更方便的操作或查看信息,淘宝网、易迅网等电子商务网站常常用到这种效果。除了导航和表头,也可以固定其他内容,比如广告、返回顶部等等。Posfixed 几乎兼容所有浏览器,包括 IE6,所以 Posfixed 也可以作为解决 IE6 不支持 fixed 的一个方案。注意:Posfixed 并不兼容所有的 jQuery 版本,它兼容的 jQuery 版本为 1.2.6 - 1.8.3。

使用方法

引入文件

<script src="js/jquery.min.js"></script>
<script src="js/posfixed.js"></script>

HTML

<div id="example1">
</div>

JavaScript

$(function(){
    $("#example1").posfixed({
        distance : 0,
        pos : 'top',
        type : 'while',
        hide : false
    });             
});

参数

参数 类型 说明 默认值
direction 字符串 方向,相对于顶部(top)或底部(bottom)固定 top
type 字符串 固定的方式,可选 while 或 always,while 为滚动条滚动到 distance 的数值时固定;always 为一直固定 while
hide 布尔值 是否自动隐藏固定的对象 false
distance 整数 离顶部或底部的数值 0
tag 对象 导航到一个元素 null

下载
后台-系统设置-扩展变量-手机广告位-内容正文底部
相关信息:
  • 收集最全最新最好的jQuery插件:jQuery插件库
    收集最全最新最好的jQuery插件:jQue
    2014-05-23 18:53:551
  • jQuery插件:实现Amazon反应速度超快的下拉菜单
    jQuery插件:实现Amazon反应速度超
    2014-05-23 18:50:481
  • jQuery 2.0正式发布,抛弃 IE6/7/8 兼容,更小更快
    jQuery 2.0正式发布,抛弃 IE6/7/8
    2014-05-23 18:50:350
  • jQuery Weather v3.0 开源下载(网页天气预报)
    jQuery Weather v3.0 开源下载(网页
    2014-05-23 18:50:330
  • 响应式的 jQuery 图像滑块插件
    响应式的 jQuery 图像滑块插件
    2014-05-23 18:50:110
后台-系统设置-扩展变量-手机广告位-内容正文底部2

评论

留言与评论(共有 0 条评论)
   
验证码:

文章总数
524+
评论总数
7+
阅读总数
1880+
运营天数
1001+