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 |
下载
评论