请教～csdn社区中心右下角的div是如何实现的就是聊天窗口所在的那一行

总体应该是flex 然后引用进来

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

DIV加绝对定位就可以实现，
不过他做的似乎是一个桌面的小应用程序，不过实现机制是一样的
up,看下这个：<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <style type="text/css">
 body {
 font-size:12px;
 }
 #mylayer {
 position:absolute;
 bottom:5px;
 right:5px;
 width:300px;
 height:200px;
 border:solid 1px #09f;
 padding:10px;
 }
 </style>
 <script type="text/javascript">
 lastY=0;
 function heartBeat(){
 diff=document.body.scrollTop;
 window.status=diff;
 per=0.1*(diff-lastY);
 if(per>0)
 per=Math.ceil(per);
 else
 per=Math.floor(per);
 document.all.mylayer.style.pixelTop+=per;
 lastY=lastY+per;
 }

 window.onload=function() {
 showLayer();
 }
 start=-180;
 function showLayer() {
 if(start<5) {
 start++;
 document.getElementById("mylayer").style.bottom=start;
 setTimeout("showLayer()",5);
 } else {
 document.getElementById("mylayer").style.top=screen.availHeight-320;
 window.setInterval("heartBeat()",1);
 }
 }
 </script>
</head>
<body>
<div id="mylayer">
static :默认值。无特殊定位，对象遵循HTML定位规则 
absolute :将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义 
fixed :未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范 
relative :对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置 </div>a 
a 
a 
a 
a 
a a 
a 
a a 
a 
a 
a 
a 
a 
a 
a 
a 
a 
a a 
a 
a a 
a 
a 
a 
a 
a 
a 
a 
a 
a 
a a 
a 
a a 
a 
a 
a 
a 
a 
a 
a 
a 
a 
a a 
a 
a a 
a 
a 
a 
a 
a 
a 
a 
a 
a 
a a 
a 
a a 
a 
a 
a 
a 
a 
a 
a 
a 
a 
a a 
a 
a a 
a 
a 
a a 
a 
a 
a 
a 
a 
a a 
a 
a a 
a 
a 
a 
a 
a 
a 
a 
a 
a 
a a 
a 
a 
<a href="javascript:move();">移动</a>
a 
a 
a 
a 
</body>
</html>
只是说一下原理，也可以用body的onscroll而不用setInerval