jquery ui dialog

最近项目中用到了jquery ui 中的dialog ，业务逻辑是，每次访问首页要以dialog的形式显示后台发送的在有效期范围内的消息，首页dialog的消息要在首页的右下角显示，并且随着滚动条的滚动，也一直在右下角显示，

烦了好多天在别人的帮助下才弄出来，

下面直接代码

<div id="aaa" style="position:fixed;z-index:999;bottom:0;right:0; ">
  
</div>
  <div id="dialog2" title="提醒1">
  <p>1111111这是一个默认的对话框，用于显示信息。对话框窗口可以移动，调整尺寸，默认可通过 'x' 图标关闭。</p>
</div>

<script>
  $(function() {
    
$( "#dialog2" ).dialog({
position: { my: "right bottom", at: "right bottom" ,of:"#aaa" ,collisinon:"fit"},
});

  });
  
  $(document).ready(function(){
  
  $(window).scroll(function(){
  
 //var y = $(document).height()-$(window).height()-$(window).scrollTop();
 //console.log(y);
 $( "#dialog2" ).dialog(
"option","position",
{ my: "right bottom", at: "right bottom" ,of:"#aaa" }
); 
  }); 
  
  });
  </script>

其中代码最关键的就是那个id为aaa的div 和 $(window).scroll(function(){中的js代码