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

JavaScript015

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

首先,设定盒子名称

div  id="fanhui"

css中写样式

#fanhui {

 position: absolute

 left: 30px

 top: 20px

}

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

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

效果如下:

依靠css 将页面

document.documentElement.style.overflow='hidden'

document.body.style.overflow='hidden'//手机版设置这个。

如果设置了如上,页面的滚动条将会消失,此时鼠标滚轮失效。

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

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