滚动条旁的浮动层.

[z22708387]

类似于论坛界面右侧,有一个浮动层.

可以跟着滚动条走。

要求：
1、层的位置上下居中，左右居右（贴着滚动条）。
2、滚动条的位置不变，一直在滚动条旁。

[slwsss]

http://output.jsbin.com/qetucoruvo

[杨小事er]

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script><div id="_a" style="position: fixed;top:50%;right: 0px;background: #333;width: 100px;height: 100px;margin-top:-50px;">
内容放这里
</div>
<script>
  $(function(){
    if(!(/MSIE [56]/g.test(navigator.appVersion) || (/MSIE [789]/g.test(navigator.appVersion) && (document.compatMode == "BackCompat"))))return;
    var v=$('#_a').css({ "position":"absolute"});
    function f(){
      var d = {};
      var b= document.compatMode == "BackCompat";
      var cw=b?document.body.clientWidth:document.documentElement.clientWidth;
      var ch=b?document.body.clientHeight: document.documentElement.clientHeight;
      var sl=document.documentElement.scrollLeft || document.body.scrollLeft;
      var st=document.documentElement.scrollTop || document.body.scrollTop;
      d.left = (sl + cw -v.width()) + "px";
      d.top = (st +( ch -v.height())/2) + "px";
      v.css(d)
    }
    $(window).resize(f).scroll(f);f();
  })
</script>
<div style="width:1px;height:3000px;background:red;">
<!---end

楼上给的代码~我只是贴过来而已

[杨小事er]

或者楼主可以直接用css样式来解决 用css的固定定位的层模型 就是position:fixed;

<style type="text/css">
#div1{
    width:200px;
    height:200px;
	border:2px red solid;
	position:fixed;
    bottom:0;
    right:0;
}

</style>