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

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

演 示 下 载

下载地址

·进入下载地址列表