- /*=============================================================================
- # FileName: f_position.js
- # Desc: 一个滚动固定div的插件,IE6可用
- =============================================================================*/
- jQuery.f_position=function(div,pos){
- /*!
- 参数说明:
- div------------------需要进行定位的div元素,例如f_position(".fixed");
- pos------------------定位位置参数,默认固定在浏览器窗口左上角;
- 参数详解
- |
- |________"l_t"-------默认,固定在浏览器窗口的左侧中间位置;
- |
- |________"l_c"-------固定在浏览器窗口的左侧中间位置;
- |
- |________"l_b"-------固定在浏览器窗口的左侧底部位置;
- |
- |________"b_c"-------固定在浏览器窗口的底部中间位置;
- |
- |________"r_b"-------固定在浏览器窗口的右侧底部位置;
- |
- |________"r_c"-------固定在浏览器窗口的右侧中间位置;
- |
- |________"r_t"-------固定在浏览器窗口的右侧顶部位置;
- |
- |________"t_c"-------固定在浏览器窗口的顶部中间位置;
- |
- |________"c_c"-------固定在浏览器窗口的正中间位置;
- */
- f_d=$(div);
- //设置默认位置
- if(!pos)pos="l_t";
- //获得浮动的DIV的高度
- d_h=f_d.height();
- //获得浮动div的宽度
- d_w=f_d.width();
- //获得当前窗口的高度
- w_h=$(window).height();
- //获得当前窗口的宽度
- w_w=$(window).width();
- //窗口顶部相对文档偏移
- t_p=$(window).scrollTop();
- switch(pos){
- case "l_t":
- p_t=t_p;
- n_ie_l=n_ie_t=p_l=0;
- break;
- case "l_c":
- p_t=(w_h-d_h)/2+t_p;
- n_ie_l=p_l=0;
- n_ie_t=(w_h-d_h)/2;
- break;
- case "l_b":
- p_t=w_h-d_h+t_p-2;
- n_ie_l=p_l=0;
- n_ie_t=w_h-d_h-2;
- break;
- case "b_c":
- p_t=w_h-d_h+t_p-2;
- n_ie_l=p_l=(w_w-d_w)/2;
- n_ie_t=w_h-d_h-2;
- break;
- case "r_b":
- p_t=w_h-d_h+t_p-2;
- n_ie_l=p_l=w_w-d_w-2;
- n_ie_t=w_h-d_h-2;
- break;
- case "r_c":
- p_t=(w_h-d_h)/2+t_p;
- n_ie_l=p_l=w_w-d_w-2;
- n_ie_t=(w_h-d_h)/2;
- break;
- case "r_t":
- p_t=t_p;
- n_ie_l=p_l=w_w-d_w-2;
- n_ie_t=0;
- break;
- case "t_c":
- p_t=t_p;
- n_ie_l=p_l=(w_w-d_w)/2;
- n_ie_t=0;
- break;
- case "c_c":
- p_t=(w_h-d_h)/2+t_p;
- n_ie_l=p_l=(w_w-d_w)/2;
- n_ie_t=(w_h-d_h)/2;
- break;
- }
- if($.browser.msie&&$.browser.version<8){
- f_d.CSS({position:"absolute",top:p_t+"px",left:p_l+"px"});
- }else{
- f_d.css({position:"fixed",top:n_ie_t+"px",left:n_ie_l+"px"});
- }
- }
- function f_p(d,p){
- $.f_position(d,p);
- $(window).scroll(function (){
- $.f_position(d,p);
- })
- $(window).resize(function (){
- $.f_position(d,p);
- })
- }
- //该片段来自于http://www.codesnippet.cn/detail/141120137152.html
来源: http://www.codesnippet.cn/detail/141120137152.html