JavaScript之返回顶部

为了弄这个Hexo，今天又是坐在电脑面前待了一天( ⊙ o ⊙ )，老是出问题，在百度上也试验了很多方法，还是没弄好，诶。。。身心疲惫甚是乏累啊~~~

算了，这个Hexo先不弄，还是安分点吧，在Hexo上感觉浪费了很多的时间，毕竟Hexo对我来说还是高大尚的东西，适可而止。

好了！我还是好好搞自己基础的东西吧，做自己该做的事就可以了。

我们回到这章话题，我们都知道都看到过，很多页面都会有“返回顶部”，方便快捷。

到页面底部

返回页面顶部

时间： 2024-12-24 14:49:27

JavaScript之返回顶部的相关文章

JavaScript/Jquery返回顶部代码

<!DOCTYPE html> <html> <head> <title>返回顶部</title> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.8.2.js"></script> <style type="text/css">

原生JavaScript实现返回顶部的通用方法

function backTop(btnId) { var btn = document.getElementById(btnId); var d = document.documentElement; var b = document.body; window.onscroll = set; btn.style.display = "none"; btn.onclick = function() { btn.style.display = "none"; wind

返回顶部的几种方法总结

1.锚点 但是唯一的缺点就是样式不怎么样,会显示这个锚标记. <a name="top" id="top"></a> 放置位置在<body>标签之后随便找个地方放都可以,只要靠近顶部即可. 页面底部放置: <a href="#top"target="_self">返回顶部</a> 二.使用Javascript Scroll函数返回顶部 scrooll函数用来控制滚动条

javascript 返回顶部

<style>#linGoTopBtn {    POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px;}</style><script>function linGoTop(){    var obj = document.getElement

javascript实现无兼容性问题返回顶部

今天继续学习javascript,有一点php基础,感觉基础还是挺容易掌握的.听了老师的一节课,讲的document.documentElement.scrollHeight,当时老师做了一个返回顶部的小例子,听完课准备自己试一下,结果令我很惊讶,我发现这个东西居然有兼容性问题. 当然了碰见问题就得解决,我用了四个浏览器作测试,分别为:谷歌,ie,苹果,火狐. 结果:document.documentElement.scrollHeight->ie与火狐是我们预想的结果.( 即整个文件的    

Javascript 特效（一）返回顶部

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style type="text/css"> 7 *{ margin:0; padding:0;} 8 body{ height:2000px;} 9 #box{ width:40px; height:40px;

javascript返回顶部几种代码总结

纯js代码 /** * 回到页面顶部 * @param acceleration 加速度 * @param time 时间间隔 (毫秒) **/ function goTop(acceleration, time) { acceleration = acceleration || 0.1; time = time || 16; var x1 = 0; var y1 = 0; var x2 = 0; var y2 = 0; var x3 = 0; var y3 = 0; if (document.

返回顶部/底部3

<!DOCTYPE html> <html lang="en"> <head> <title>返回顶部/底部</title> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"

返回顶部和底部（动画）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-