css+div如何将淘宝客服悬浮固定在右下角,不随滚动条移动。

html-css044

css+div如何将淘宝客服悬浮固定在右下角,不随滚动条移动。,第1张

一般情况下都是用CSS的fixed固定定位,但不兼容IE6,在IE6下,用absolute方式。

下面给出简单的兼容写法代码实现。仅供参考:

<style>    

*{margin:0px padding:0px}    

body {height:2000px}    

div {width:100px height:100px background:#ccc position:absolute bottom:0px right:0px}    

</style>    

<script>    

window.onload=function(){    

var oDiv = document.getElementById('div1')    

if(window.navigator.userAgent.indexOf('MSIE 6') != -1)    

{    

window.onscroll = function(){    

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop    

var top = document.documentElement.clientHeight - oDiv.offsetHeight + scrollTop      

oDiv.style.top = top + 'px'    

}

}    

else    

{    

oDiv.style.position='fixed'    

}    

}    

</script>

完全自定义里面添加css代码

目前淘宝关闭了css权限,只有申请设计师才有权限

可以到淘宝上看看,2元包安装成功的

悬浮旺旺只有在css的支持下才能漂浮起来

这个和版本有关系。

1)扶植版,标准版,拓展版 只能写 HTML标签,但是可把CSS 样式 写在标签里。比如

<div style="font-size:14pmargin:0px">xxx</div>

JS则不可以写。

2)旗舰版:本来是可以写CSS的。但是现在已经解散。

3)如果想写CSS,则只能是拓展版+旺铺CSS的合并版本。

希望可以帮到你 :)