网页返回顶部代码

2017-08-19 17:31:04 jazdbmin1639整理 返回顶部代码 返回顶部代码

网页返回顶部居右

Q1: 网页点击按钮返回顶部代码

使用HTML的锚标记最简单了,但是唯一的缺点就是样式不怎么样,会显示这个锚标记。

放置位置在<body>标签之后随便找个地方放都可以,只要靠近顶部即可。
页面底部放置:
返回顶部
使用Javascript Scroll函数返回顶部
使用Javascript Scroll函数返回顶部
scrooll函数用来控制滚动条的位置,有两种很简单的实现方式:
方式1:
返回顶部
scroll第一个参数是水平位置,第二个参数是垂直位置,比如要想定位在垂直50像素处,改成scroll(0,50)就可以了。
方式2:
本方式是渐进式返回顶部,要好看一些,代码如下:
function pageScroll() {
window.scrollBy(0,-10);
scrolldelay = setTimeout('pageScroll()',100);
}
返回顶部
这样就会动态返回顶部,不过虽然返回到顶部但是代码仍在运行,还需要在pageScroll函数加一句给停止掉。
if(document.documentElement.scrollTop==0) clearTimeout(scrolldelay);
三、使用Onload加上scroll功能实现动态返回顶部
首先在网页BODY标签结束之前加上:

返回顶部

2、再调用以下JS脚本部分:
BackTop=function(btnId){
var btn=document.getElementById(btnId);
var d=document.documentElement;
window.onscroll=set;
btn.onclick=function (){
btn.style.display="none";
window.onscroll=null;
this.timer=setInterval(function(){
d.scrollTop-=Math.ceil(d.scrollTop*0.1);
if(d.scrollTop==0) clearInterval(btn.timer,window.onscroll=set);
},10);
};
function set(){btn.style.display=d.scrollTop?'block':"none"}
};
BackTop('gotop');
对Z-BLOG而言,可以放到$(document).ready(function(){....函数中,也可以独立存成一个js文件,比如gotop.js,再通过:
<script src="http://m.wenda.so.com/js/gotop.js" type=text/javascript></script>
来调用,当然了位置最好放在“返回顶部”标签的下面,该调用方法已假设路径为JS,其它位置请自行修改。

Www.jIzHuBA※.COm

Q2: wap网页返回顶部代码怎么写

在顶部添加如下代码:

如下连接返回顶部,不造成流量:
顶部
补充:
添加这样的代码不会引起错误的,除非你添加在ASP代码里面,贴出你修改后的完整文件以及错误信息,大家帮你修改。

wWw.jizHUba.c#om

Q3: 淘宝商城返回网页顶部JS代码怎么使用啊

你是想将返回顶部的代码也放到自己网页里吗?如果是这样的话,你要看返回顶部代码结构,把主要的代码拿过来用就可以了,关键你还要能读懂代码。这是最关键的。

小提示:内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

返回顶部代码 推荐文章:
推荐不满意?点这里  ››  

返回顶部代码