css+div 如何实现客服窗口，在某一个id的位置显示并且悬浮

Question

比如一个网页有三屏，在第一屏不显示客服窗口。看到第二屏的某一位置时，显示客服窗口并悬浮。回到顶部到第一屏后客服窗口消失。。。
就像淘宝里的那样

Answer 1

可以使用css fixed，
例：
<style>
.window{
width:100px;
height:50px;
position:fixed;right:0;top:45%;//关键是这一行，设置窗口的位置，如果网页层较多，应该用z-index将窗口div置于顶层,否则会被遮盖；
z-index:999;
}
</style>
<div class="window">
客服窗口，点击与客服咨询
</div>

Answer 2

位置悬浮跟ID是没关系的。
要悬浮只要设置position：fixed；top：40%；right:5%;这是悬浮在浏览器右边；fixed是相对于html定位的，所以不管你怎么啦滚动条，客户窗口就在那里。

Answer 3

首先你说的一屏是否指的是一个页面上 垂直的几个屏。 这么说吧效果不难做

首先是显示 和 定位的问题，显示的条件是 滚动到第二屏的高度时候才执行，这个做一个scrollTop的计算判断即可进行JS操作。 而定位在某一角就运用 position：fixed定位就可以了，IE6下会有BUG，网上有这个防止IE6情况下抖动的办法。

至于如果你不懂JS，光想用DIV+CSS做是不行的！ 为什么？ 因为 DIV等于是人，CSS等于只能描述这个人的外形、穿着、年龄等...只有JS可以做真正意义上的改变。因为CSS不算是编程，它也没有所谓的语法 和 执行。。。

追问

关键是我不会手写这样的js，。而且还没找到想要的这种效果

追答

问题不大，懒人图库去找窗口类的JS。。。复制别人的慢慢调试

Answer 4

那个需要js调用的吧。。。。css应该没法实现

追问

js也可以啊，怎么实现这种效果