<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript" src="yunjs/jquery-1.3.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
<!--
(function ($) {
jQuery.fn.PositionFixed = function (options) {
var defaults = {
css: '',
x: 0,
y: 0
};
var o = jQuery.extend(defaults, options);
var isIe6 = false; //is ie ? yes:ie no: not ie
if ($.browser.msie && parseInt($.browser.version) == 6) isIe6 = true;
var html = $('html');
if (isIe6 && html.css('backgroundAttachment') !== 'fixed') {
html.css('backgroundAttachment', 'fixed')
};
return this.each(function () {
var domThis = $(this)[0];
var objThis = $(this);
if (isIe6) {
var left = parseInt(o.x) - html.scrollLeft(),
top = parseInt(o.y) - html.scrollTop();
objThis.css('position', 'absolute');
domThis.style.setExpression('left', 'eval((document.documentElement).scrollLeft + ' + o.x + ') + "px"');
domThis.style.setExpression('top', 'eval((document.documentElement).scrollTop + ' + o.y + ') + "px"');
} else {
objThis.css('position', 'fixed').css('top', o.y).css('left', o.x);
}
});
};
})(jQuery)
$(document).ready(function(){
$('#test').PositionFixed({x:200,y:200});
});
//-->
</script>
aaa<br><br>1<br><br><br><br><br><br><br><br><br><br><br><br><br>2<br><br><br><br><br><br><br><br><br><br>
<br><br>4<br><br><br><br><br><br><br><br><br><br><br><br><br>5<br><br><br><br><br><br><br><br><br><br>
<br><br>7<br><br><br><br><br><br><br><br><br><br><br><br><br>8<br><br><br><br><br><br><br><br><br><br>
<div id="test" style="width:200px ;height:200px;background-color: red; ">内容</div>
</body>
</html>
分享到：
相关推荐
在探讨“css ie6 fixed属性解决方法”这一主题时，我们不得不面对一个历史遗留问题：Internet Explorer 6（IE6）对于CSS3中fixed定位的支持不足。IE6发布于2001年，其浏览器内核对现代Web标准的支持有限，尤其是在...
ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮 动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并...
复制代码代码如下: .my-fiexd{ position:fixed; height:40px; width:40px; background-color:red; border:0px; } 可是当某个div随着滚动条滚动时而被设置成fixed时（置顶，很多menu都会这样），可能会发生一个小...
jQuery的`position()`方法是用来获取匹配元素相对于其最近的定位祖先元素（拥有`position`属性且不为`static`）或整个文档视口的偏移量。...了解并熟练掌握这个方法，能帮助开发者更高效地处理页面上的元素定位问题。
fixed默认是相对浏览器定位的，在开发中，经常会用到相对某个元素定位，思路就是障眼法，多套一个div
同时，考虑到兼容性和性能，插件可能还会包含一些优化策略，例如使用虚拟滚动、延迟渲染或者针对不同浏览器的适配代码。 标签“Table lockHeader”明确指出了插件的主要功能点，即锁定表格的表头。这在搜索和查找...
开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时，往往会使用到：position: fiexd;属性，但是往往会出现绑定在定位元素上的事件无法触发，原因出现在哪里？ 经过摸索，终于找到答案：元素...
Vue固定标头Vue.js的简单和跨浏览器友好的固定标头组件。 安装yarn add vue-fixed-header在单个文件中使用Compo Vue固定头Vue.js的简单和跨浏览器友好的固定头组件。... position: fixed; left: 0; top: 0; wi
用于React·Fixed-Data-Table-2是的延续。 原始存储库不再维护，并且有许多请求等待响应。 FixedDataTable是一个React组件，用于以灵活，强大的方式构建和呈现数据。 它支持标准表功能，例如标题，列，行，标题分组...
在使用Vue框架开发移动端应用时，经常会遇到一个问题：...同时，也应当注意代码的兼容性和维护性，确保应用在不同操作系统和不同设备上都能正常工作。希望这些知识点能够为使用Vue框架开发移动端应用的开发者提供帮助。
FastReport.v4.15 for.Delphi.BCB.Full.Source企业版含ClientServer中文修正版支持Delphi 4-XE5 and C++Builder 6-XE5. D2010以上版本(D14_D19)安装必读 delphi2010以上版本(D14_D19)使用者安装时，请将res\frccD14_...