首页 声音 开源 正文

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

作者:dowebok 时间:2013-04-21 0

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

使用方法

引入文件


HTML

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

下载
TAG:
© 2011 - 2024  钛锋网  TMTForum.com