滚动条旁的浮动层.

z22708387 2015-06-24 06:15:40


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

可以跟着滚动条走。

要求:
1、层的位置上下居中,左右居右(贴着滚动条)。
2、滚动条的位置不变,一直在滚动条旁。
...全文
101 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
杨小事er 2015-06-24
  • 打赏
  • 举报
回复
或者楼主可以直接用css样式来解决 用css的固定定位的层模型 就是position:fixed;
<style type="text/css">
#div1{
    width:200px;
    height:200px;
	border:2px red solid;
	position:fixed;
    bottom:0;
    right:0;
}

</style>
杨小事er 2015-06-24
  • 打赏
  • 举报
回复
<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
楼上给的代码~我只是贴过来而已
slwsss 2015-06-24
  • 打赏
  • 举报
回复

87,942

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧