浮动div，回到顶部

<div style="height: 5000px">这是顶部</div>
<div id="FloatDIV" style="position: absolute;top: 0px; z-index:9999; background: #fff000;cursor: pointer"onclick="window.scrollTo(0,0);">回到顶部
</div><script type="text/javascript"> var MarginLeft = 10;    //浮动层离浏览器右侧的距离var MarginTop = document.body.clientHeight - 80;   //浮动层离浏览器顶部的距离(浏览器高度-div高度)var Width = 25;            //浮动层宽度var Heigth= 80;           //浮动层高度//设置浮动层宽、高function Set(){document.getElementById("FloatDIV").style.width = Width + 'px';document.getElementById("FloatDIV").style.height = Heigth + 'px';}//实时设置浮动层的位置function Move(){var b_top = window.pageYOffset  || document.documentElement.scrollTop  || document.body.scrollTop  || 0;var b_width= document.body.clientWidth;document.getElementById("FloatDIV").style.top = b_top + MarginTop + 'px';document.getElementById("FloatDIV").style.left = b_width - Width - MarginLeft + 'px';setTimeout("Move();",100);}Set();Move();</script>

回到顶部

转载于:https://www.cnblogs.com/ljmin/archive/2012/07/30/2616091.html

浮动div，回到顶部相关推荐

html文本滚动到底后自动回到顶部,JS 实现DIV 滚动至顶部后固定
JS 实现DIV 滚动至顶部后固定 DIV滚动至顶部后固定 Test Div function menuFixed(id) { var obj = document.getElementById(id ...
一款回到顶部的 jQuery 插件，支持 Div 中的滚动条回到顶部
前言今天在网上搜索"回到顶部"的 jQuery 插件,网上有很多,但是大部分都不支持让 Div 中的滚动条回到顶部.于是乎,不放弃,自己参考 Github 上的一个 jQuery ...
html 两个idv上下居中,Django搭建个人博客：回到顶部浮动按钮、矢量图标、页脚沉底和粘性侧边栏...
本章集中介绍四个重要的小功能:回到顶部浮动按钮.矢量图标.页脚沉底和粘性侧边栏. 这几个功能与Django基本没啥关系,更多的是前端知识,但是对博客网站都很重要,问的读者也比较多,因此也集中讲一下好了 ...
vue 给某个div设置回到顶部
1.对某个div设置了滚动,想要回到顶部的情况这种情况下一定要找到是在哪个元素下设置的overflow滚动,就在哪个元素下加方法一.在当前页面无法使用ref获取元素时候,可以使用jq简单实现: 1 ...
固定-浮动定位在顶部的div
固定-浮动定位在顶部的div <!DOCTYPE HTML> <html lang="en-US"> <head> <meta chars ...
JS 效果集合(回到顶部、轮播图、瀑布流、图片帧播放)
回到顶部 <style type="text/css">#btn {width:40px; height:40px; position:fixed; right:65p ...
Vue+element UI实现“回到顶部”按钮组件
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/caomage/article/details/85006973 背景开发框架是vue+webpac ...
前台特效（2）回到顶部
---恢复内容开始--- 原生js(有兼容性问题): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&quo ...
超好用的移动端布局自适应大小rem判断js文件及超过一定高度回到顶部按钮代码...
//以下代码放到一个adapt.js文件当中 (function (doc, win) {var docEl = doc.documentElement,resizeEvt = 'orientatio ...

浮动div，回到顶部

浮动div，回到顶部相关推荐

最新文章

热门文章