$(window).ready(function(){
//当网页加载时,这里是设置DIV的right及bottom,然后再显示,成功
$("div[id=newnotice]").css({"right":"0px","bottom":"0px"});
$("div[id=newnotice]").slideDown("slow"); //滚动时候,这里设置不成功!
$(window).scroll(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
//当浏览器变化时,也设置不成功!
$(window).resize(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
});
请问大家上面两处不成功之处,我应该如何修改?
$(window).scroll(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
//当浏览器变化时,也设置不成功!
$(window).resize(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
这个房到redy的外面看看
$(".center").css({
top: function(index, value) {
return document.body.scrollTop+document.body.clientHeight/20;
}
}
);我的项目代码 这段代码也是放在$(window).ready(function(){ }之外的, 我的代码在IE5,IE6,IE8上 都是正常的,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script src="jquery-1.4.2.min.js"></script>
<script>
$(window).ready(function(){
$("#newNotice").css({"right":1,"bottom":1});
$("#newNotice").slideDown(3000);
$(window).scroll(function(){
moveDiv();
}).resize(function(){
moveDiv();
})
})
function moveDiv(){
var l = $(window).width()-$("#newNotice").width()-5;
var t = $(window).height()-$("#newNotice").height()-5;
$("#newNotice").offset({top:t,left:l})
}
</script>
</head>
<style>
div{
width:400px;
height:400px;
border:1px solid #8000ff;
position:relative;
}
#newNotice{
width:300px;
height:300px;
border:1px solid silver;
position:absolute;
display:none;
}
</style>
<body>
<div id="newNotice"></div>
<div></div>
<div></div>
<div></div>
</body>
</html>是让这个DIV总在最右下角么?
实现原理也在里面了~
$(window).scroll(function(){
$("div[id=newnotice]").css({"bottom":"0px"});
$("div[id=newnotice]").css({"right":"0px","bottom":"1px"});
});
你想要的效果是不是 那个层要跟着 滚动条移动,,你的代码 那样写,显然如果页面非常长的话,拖动滚动条的话,层就消失不见了,或者报错(我没测试),但效果肯定是那样的,,你把你的代码改成$(window).scroll( function() {
$("div[id='newnotice']").css({
top: function(index, value) {
return document.body.scrollTop+document.body.clientHeight/20;//这里你先看效果,就明白
//了具体什么要怎样再调整
}
}
);
$("div[id='newnotice']").css("right","0px");
});还是放在那个页面初始加载的方法外面,去测试看,如果不行我也没办法了