Jquery 如何实现IE6的底部位置?IE5和xFF0C是否仍然存在相同的问题;比如说,所有的早期版本?
无论您如何滚动,Jquery 如何实现IE6的底部位置?IE5和xFF0C是否仍然存在相同的问题;比如说,所有的早期版本?,jquery,css,internet-explorer-6,Jquery,Css,Internet Explorer 6,无论您如何滚动,div应始终位于网页底部。有没有使用jQuery的解决方案 编辑: 应该使它在IE6中工作。您可以通过纯css实现这一点。以下是摘录(摘自): 您可以通过纯css实现这一点。以下是摘录(摘自): 不需要javascript。CSS可以做到这一点 #footer { position: fixed; width: 100%; height: 50px; left: 0; bottom: 0 } 不需要javascript。CSS可以做到这一点 #f
div
应始终位于网页底部。有没有使用jQuery的解决方案
编辑:
应该使它在IE6中工作。您可以通过纯css实现这一点。以下是摘录(摘自):
您可以通过纯css实现这一点。以下是摘录(摘自):
不需要javascript。CSS可以做到这一点
#footer {
position: fixed;
width: 100%;
height: 50px;
left: 0;
bottom: 0
}
不需要javascript。CSS可以做到这一点
#footer {
position: fixed;
width: 100%;
height: 50px;
left: 0;
bottom: 0
}
要使用jQuery设置适当的样式,可以执行以下操作:
$('#footer').css({
position: "fixed",
width: "100%",
height: "50px",
left: 0,
bottom: 0
});
要使用jQuery设置适当的样式,可以执行以下操作:
$('#footer').css({
position: "fixed",
width: "100%",
height: "50px",
left: 0,
bottom: 0
});
#底部{
位置:固定;
底部:0;
}
#底部{
位置:固定;
底部:0;
}
位置:修复是除ie6之外所有浏览器的解决方案
有很多解决方案可以让定位与ie6一起工作
但每次你都会在其他浏览器中失去一些其他功能(位置:relative和absoluted loosed),或者你需要css表达式,它们会减慢浏览器的速度
(包括相对和绝对)
认真停止开发ie6!:) position:fixed是除ie6之外的所有浏览器的解决方案 有很多解决方案可以让定位与ie6一起工作 但每次你都会在其他浏览器中失去一些其他功能(位置:relative和absoluted loosed),或者你需要css表达式,它们会减慢浏览器的速度 (包括相对和绝对) 认真停止开发ie6!:)
#门廊{
位置:绝对位置;
高度:100px;
宽度:100px;
背景颜色:蓝色;
}
$(“文档”).ready(函数(){
函数重新计算(事件){
变量页脚=$(“#页脚”);
var theWindow=$(window);
var elementHeight=footer.height();
var windowHeight=theWindow.height();
var scrollTop=theWindow.scrollTop();
css(“顶部”,windowHeight-elementHeight+scrollTop);
}
$(窗口).bind(“调整滚动大小”,重新计算);
重新计算();
});
一些内容。
#门廊{
位置:绝对位置;
高度:100px;
宽度:100px;
背景颜色:蓝色;
}
$(“文档”).ready(函数(){
函数重新计算(事件){
变量页脚=$(“#页脚”);
var theWindow=$(window);
var elementHeight=footer.height();
var windowHeight=theWindow.height();
var scrollTop=theWindow.scrollTop();
css(“顶部”,windowHeight-elementHeight+scrollTop);
}
$(窗口).bind(“调整滚动大小”,重新计算);
重新计算();
});
一些内容。
他说“不管你怎么滚动”。所以,我认为“位置”应该是“固定”,他说“不管你怎么滚动”。因此,我认为“position”应该是“fix”。这就是position:fixed这就是position:fixed这就是position:fixed这是您希望使用javascript/jQuery而不是css来完成的原因吗?@Shore,与其在多个答案中添加相同的注释,不如更新问题。如果您需要IE6支持,那么您应该已经指定了。您的问题中有超过1/16的答案没有被投票支持吗?这几条真的值得投票吗?你希望用javascript/jQuery而不是css来完成这项工作有什么原因吗?@Shore,与其在多个答案中添加相同的注释,不如更新问题。如果您需要IE6支持,那么您应该已经指定了。您的问题中有超过1/16的答案没有被投票支持吗?那几个真的值得投票吗?我修正了缺失的引号。除此之外,我不知道为什么我被否决了。那个人问他如何用jQuery实现它。也许他想在某个活动上这样做?在这种情况下,纯css解决方案将毫无用处。我修复了缺少的引号。除此之外,我不知道为什么我被否决了。那个人问他如何用jQuery实现它。也许他想在某个活动上这样做?在这种情况下,纯css解决方案将毫无用处。不必为IE6开发通常只是一个梦想。因为通常在专业环境中,你的客户需要向后兼容到IE6,这是一场噩梦。所有支持IE6的公司都是懒汉,从IE6切换到ie7并不需要太多代码更改!ie6中的Javascript和css比ie7中的功能和习惯要少,没有真正的理由继续使用ie6,而是担心和无法控制应用程序的实际工作方式!修改100行css/javascript比不碰任何东西都难,我明白:)但我也理解,当你与客户打交道时,你不能这样争论,但我肯定会对要求我在ie6下开发一个新网站的人说不。立场:修正了IE5.5的解决方案吗?不!此解决方案可接受吗?:)您拥有更改代码的所有关键不必为IE6开发通常只是一个梦想。因为通常在专业环境中,你的客户需要向后兼容到IE6,这是一场噩梦。所有支持IE6的公司都是懒汉,从IE6切换到ie7并不需要太多代码更改!ie6中的Javascript和css比ie7中的功能和习惯要少,没有真正的理由继续使用ie6,而是担心和无法控制应用程序的实际工作方式!修改100行css/javascript比不碰任何东西都难,我明白:)但我也理解,当你与客户打交道时,你不能这样争论,但我肯定会对要求我在ie6下开发一个新网站的人说不。立场:修正了IE5.5的解决方案吗?不!此解决方案可接受吗?:)因为只有IE6不遵守立场,所以你有所有的修改代码的钥匙:修正,我认为你最好让它只适用于IE6,对吗?是的,因为这比简单的CSS浪费了更多的CPU周期。如何让你的代码只适用于IE6?顺便问一句,IE5也会有这个吗
<html>
<head>
<style type="text/css">
#theFooter {
position:absolute;
height:100px;
width:100px;
background-color:blue;
}
</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$("document").ready(function () {
function recalculate(event) {
var footer = $("#theFooter");
var theWindow = $(window);
var elementHeight = footer.height();
var windowHeight = theWindow.height();
var scrollTop = theWindow.scrollTop();
footer.css("top", windowHeight - elementHeight + scrollTop);
}
$(window).bind("resize scroll", recalculate);
recalculate();
});
</script>
</head>
<body>
<div id="theFooter">
Some Content.
</div>
</body>
</html>