jsjs实现页面跳转的几种方法常用的几种方式及点击返回顶部代码

分类专栏: 文章标签:

版权声明:本文为博主原创文章遵循

版权协议,转载请附上原文出处链接和本声明

 三款简单的JS返回页面顶部代码

本攵介绍三款简单的返回页面顶部代码可以使用简单的HTML锚标记,也可使用Javascript Scroll函数动态返回其它的还有悬浮脚本等有点复杂了,本文不再介紹大家根据自己需要选择其中的一种即可,总之简约最美的能减少代码就减少代码,能不调用的就别调用要不是天缘博客的文章都昰牛长也不会添加这个功能。
一、使用锚标记返回页面顶部

使用HTML锚标记最简单就是看起来有点不好看,点击后会在地址栏显示这个锚标記其它的倒没什么。
放置位置在标签之后随便找个地方放都可以只要靠近顶部即可。

scroll函数用来控制滚动条的位置有两种很简单的实現方式:
scroll第一个参数是水平位置,第二个参数是垂直位置比如要想定位在垂直50像素处,改成scroll(0,50)就可以了
本方式是渐进式返回顶部,要好看一些代码如下:

1、首先在网页BODY标签结束之前加上:

2、再调用以下JS脚本部分(本脚本非天缘原创,早前来源于Z-BLOG官方论坛上收集源包未帶作者链接,如果原作者看到敬请留言添加):

来调用当然了位置最好放在“返回顶部”标签的下面,该调用方法已假设路径为JS其它位置请自行修改。

我要回帖

更多关于 js实现页面跳转的几种方法 的文章

 

随机推荐