JQuery插件解决IE6CSS fixed定位问题代码,JS代码库,德仔网

代码语言
代码分类
【JS】 JQuery插件解决IE6CSS fixed定位问题
作者:sudohou / 发布于2013/4/16/ 821

	/*=============================================================================
	# FileName: f_position.js
	# Desc: 一个滚动固定div的插件，IE6可用
	# Author: HouYongZheng
	# Home: http://www.sudohou.com
	
	# Version: 0.0.1
	# LastChange: 2013-04-13 15:35:26
	# History:
	=============================================================================*/
	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);
	})
	}
试试其它关键字
　fixed定位　
同语言下
可能有用的
sudohou贡献的其它代码(6)