$(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"});      
        });   
});
请问大家上面两处不成功之处,我应该如何修改?

解决方案 »

  1.   

    //滚动时候,这里设置不成功!
            $(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的外面看看
      

  2.   

    $(window).scroll( function() { 
     $(".center").css({
         top: function(index, value) {
            return document.body.scrollTop+document.body.clientHeight/20;
          }
    }
    );我的项目代码  这段代码也是放在$(window).ready(function(){  }之外的,  我的代码在IE5,IE6,IE8上 都是正常的,
      

  3.   


    <!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总在最右下角么?
      

  4.   

    http://blog.csdn.net/cj205/archive/2010/12/23/6093496.aspx
    实现原理也在里面了~
      

  5.   

    仔细看了下,你的逻辑和语法都有问题,,,
     $(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");
    });还是放在那个页面初始加载的方法外面,去测试看,如果不行我也没办法了