以上代码放到对应位置就ok了,注意a标签以及img的css设定
一般情况下都是用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>