js+css网页固定右下角 回到顶部 让它固定在底部怎么做

JavaScript019

js+css网页固定右下角 回到顶部 让它固定在底部怎么做,第1张

首先,设定盒子名称

div  id="fanhui"

css中写样式

#fanhui {

 position: absolute

 left: 30px

 top: 20px

}

这样写就是距离右边30像素,距离下边20像素。

绝对定位使元素的位置与文档流无关,因此不占据空间

效果如下:

css就行了,楼上的答复你可以试试,有滑动条的时候不确定他的行不行。可以试试类似背景图的效果,可以跟着鼠标滑动走的,而不是固定不动的。

如果js实现就是加一个鼠标滑动的事件,在事件中让图片总是位于底部即可

<body>

<div id="div1" style="width:100px height:100px background:#ccc"></div>

</body>

<script>

var oDiv = document.getElementById('div1')

oDiv.style.position = 'fixed'

oDiv.style.top = '20px'

oDiv.style.left = '20px'

</script>

主要思想就是,在js中修改div的位置。所有的赋值,都可以计算后再传值,这样就不想CSS中只能写一个值了。