首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery浮动层追随页面滚动

2012-12-17 
jQuery浮动层跟随页面滚动XHTML参数描述默认speed滚动的间隔毫秒数,数越小,滚动越快。500offset距离滚动顶

jQuery浮动层跟随页面滚动

jQuery浮动层追随页面滚动XHTML
参数描述默认值speed滚动的间隔毫秒数,数值越小,滚动越快。500offset距离滚动顶部的点数(pixels)。0relativeTo设置滚动的DIV靠上还是靠下,可以设置为"top"或"bottom"。topkillSwitch开启和取消跟随滚动开关的元素ID,需要jQuery Cookie plugin支持。"killSwitch"onText如果启用了跟随滚动,开关显示的文字。"Turn Slide Off"offText如果取消了跟随滚动,开关显示的文字。"Turn Slide On"

官方网站还提供了delay和container两个参数,用来控制滚动延时和滚动范围,我觉得没有多大实用意义,就不作描述了。

需要提醒的是,如果我想让浮动的DIV层展示在页面的右侧,该怎么办?其实该插件不具备此功能,我们需要做的就是通过CSS来定位浮动DIV的位置。

.demo{width:180px; height:250px; margin:10px; border:2px solid #ccc; background:#eee;  padding:10px; position:absolute; margin-top:156px; right:10px;} 

通过相对定位来确定浮动DIV层的位置,相当灵活,具体效果可以查看DEMO演示。


1楼GJYSK5天前 13:51
测试代码的时候,竟然出错了!n错误提示为:n错误: 'box.cont.offset().top' 为空或不是对象。