-
href="javascript:;"作用是:阻止浏览器默认行为;若链接为空或#,默认调到顶部 no-repeat背景不平铺 margin-left:610px;计算中间到右边的距离; #btn:hover{}鼠标移上去变化 -40px;因为定位在背景图片的上半部,-40会移到此时背景图片的下半部;+40会移动此时背景图片的上方查看全部
-
回到顶部js查看全部
-
回到顶部涉及到的知识点查看全部
-
clientHeight获取可视区高度查看全部
-
document.documentElement.scrollTop//IE document.body.scrollTop//google 获取页面高度查看全部
-
href="javascript:;" 消除a标签默认动作 为空或# 默认返回最顶查看全部
-
为什么改成负的就能滚到头? 回答这个问题前,先来看下为什么不改成负数就不行呢? 注意这句:var ispeed = Math.floor(osTop / 6); 当上面osTop的值小于6这个除数时,ispeed的值始终等于0(向下取整了),所以问题来了,当ispeed的值不变时,osTop - ispeed 这个控制滚动条的值也就不变了,所以滚动条永远到不了顶。 实际中,当osTop = 5 时,ispeed 为 0,下面两句也始终为5: document.documentElement.scrollTop = osTop - ispeed; // 兼容IE document.body.scrollTop = osTop - ispeed; // 兼容FF、Chrome 所以滚动条一直停在距离顶部5px的地方。 OK,那为什么改成负数就行了呢?其实改负数的目的就是让ispeed的值不为0. 实际中,当osTop = 5(或小于5时),Math.floor(osTop / 6) 的值为 -1,这样就使得 osTop + ispeed 的值始终能减小下去,直至到0. 这种用负数的方法不好理解,我是采用Math.ceil()这个方法(向上取整)实现的,代码如下: obtn.onclick = function(){ // 定时器开启 timer = setInterval(function(){ // 获取当前滚动条距离顶部距离 var osTop = document.documentElement.scrollTop || document.body.scrollTop; var ispeed = Math.ceil(osTop / 6); document.documentElement.scrollTop = osTop - ispeed; document.body.scrollTop = osTop - ispeed; if(osTop == 0){ clearInterval(timer); } },30);查看全部
-
<a href="javascript:;"> 阻止浏览器的默认行为查看全部
-
js知识点查看全部
-
返回顶部知识点查看全部
-
滚动事件查看全部
-
JavaScript事件绑定写法: window.onload=function(){ var btn=document.getElementById("btn"); btn.onclick=function(){ alert("Hello"); } }查看全部
-
1、点击链接,回到顶部: <a href="#" id="btn"></a> 2、阻止点击链接时回到顶部的行为: <a href="javascript:;" id="btn"></a>查看全部
-
锚链接实现页面内定位查看全部
-
html查看全部
举报
0/150
提交
取消