点选TOP后并不是直接跳到页顶的而是滚动上去的

2016-02-19 10:33 3 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐点选TOP后并不是直接跳到页顶的而是滚动上去的,赶紧看过来吧!

【 tulaoshi.com - Web开发 】

如果网页太长了,一般都使用锚标签快速返回到TOP
a href="#header" title="back to top"top/a 确实很简单,不过却有一些高手让这个简变成不简单:

国外演示地址:http://tonyyoo.com/v2/

点选TOP后并不是直接跳到页顶的,而是滚动上去的。。而且距离页顶越长滚动的速度也就越快。。。

研究了下,用到的JS有4个:
script type="text/javascript" src="scripts/prototype.lite.js"/script
script type="text/javascript" src="scripts/moo.fx.js"/script
script type="text/javascript" src="scripts/moo.fx.pack.js"/script
script type="text/javascript" src="scripts/pageScroll.js"/script

看起来都好复杂。。不知道有没有可以精简点的代码可以实现同样的效果呢,我是做不来的了。。
在页面onload之后,遍历所有超链接,判断href中是否有#header,有的话触发scrollTo即可。。。


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

来源:https://www.tulaoshi.com/n/20160219/1595049.html

延伸阅读
推荐阅读:研究指出:新生儿更像妈妈 说起尿床,眼前便浮现出许久前的一部美国电影――《孤独的长跑者》,那个得了遗传性遗尿症的男生,每天一放学就拼命跑回家,为的只是收回被母亲挂在窗外的床单……可见,父母如不正确对待孩子尿床的问题,就很可能让孩子失去自信与自尊,感到孤独、自卑。 其实在现实生活中,尿床是儿童期很常见的...
标签: 育儿 胎教
如何判断宝宝是否聪明伶俐  父母们可能都希望能够知道自己的宝宝是不是很聪明很灵巧。这个可能很多人都无法预计或者评估。但是通过宝宝出生后的一些行为举止来大概判断一下宝宝的灵敏程度。看看宝宝反应是不是很机警。有一些孩子刚出生可能就会对周围的事物表现出很强的好奇心。好像很希望去知道去了解这个世界。   在出生...
标签: 孕前
哪个月份出生的宝宝学习好? 在英国,一些中产阶层的父母早就喜欢为子女预算出生时间,但目的不是希望他们走运,而是希望他们日后读书时可以成为班中年龄较长的学生,以在学业上取得多一点的优势。因为报考小学也是以8月底作为年龄的界限。 《英国邮报》引述,一项研究发现,9月出生儿童的学业成绩,往往比...
散步是孕早期最适宜的运动 tuLaoShi.com   即将步入怀孕的第二月,也许你应该庆祝一下,因为在这个月,你将切切实实地感到你期待的宝宝正在你的身体里,这将是多么幸福的一件事情,可是同时你可能要面对种种妊娠反应,不要害怕,这种难受不会持续太久的。   散散步吧   适当地运动对胎宝...
肾阴阳统管全身的阴阳,肾阴阳的消长变化与平衡调节影响着五脏六腑的阴阳动态平衡。常看到这样的电视画面:一个中年男人在愁眉苦脸地述说不行了、怎么都不行了,接着一种补肾药冒出来了,话外音说,吃了补肾药,如何如何好。要是换个频道,又是另一种品牌的补肾药,一个女人在说:他好我也好……这种铺天盖地的广告似乎告诉人...

经验教程

599

收藏

54
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部