jQuery——返回顶部
在北京这边的学习不知不觉就过去两个多月了，感觉前不久才完成了一期项目，现在又要开始新的项目了，各种期待中~~
好吧，今天出来吐槽只是想分享一段JQuery代码，高手勿喷~~
嗯，功能很简单，skidu萌生写这个代码的原因是因为我自己这个博客的皮肤有那个功能，嗯，就是“返回顶部”╮(╯▽╰)╭
作为一个曾经不明真相的我表示对这个小功能很是好奇，学了JS有快一周了，JQuery的使用也有两三天了，嗯，这个小功能还是被我琢磨出来了，貌似挺简单的，直接上代码吧~~
首先是HTML代码部分，在需要插入“返回顶部”的位置加入以下代码：
<a href="#" id="top">返回</a>接着，CSS代码，固定一下浏览器窗口
#top{position:fixed;bottom:0;right:10px;}嗯，最后就是JQuery代码了~~
$('#top').click(function(){
$('html,body').animate({scrollTop: '0px'}, 800);return false;
});当然，代码不唯一，大家可以根据自己的喜好书写~~
个人感觉用show() 和hide() 要比addClass() removeClass() 来的更和谐一下
show()和hide()的确是很方便的。
只是有的时候我有遇到这两个方法失灵的情况，所以现在比较偏爱操作class了 - -
额，我只会jquery，就还是用jquery方法说吧
大致思路是使用jquery的scroll事件，当滚动条滚动的时候便触发定义的函数，然后在函数体里面判断当前滚动条距离顶端的位置，当这个数值大于我设定值的时候让我需要显示的元素显示出来，反之则隐藏。好吧，上个简陋的demo
$(window).scroll(function () { var scrollt = document.documentElement.scrollTop + document.body.scrollTop; if ( scrollt > 100 ){ $("#back_top").removeClass("none"); $("#back_top").addClass("show"); } else { $("#back_top").removeClass("show"); $("#back_top").addClass("none"); } });
至于css神马的你自己折腾去吧：）
试试邮件通知现在正常了没
要想让返回顶部在翻页超过了Window的高度时才显示怎么做呢？
@是你非
额。忘记点你的回复链接就直接写了。。。
好吧
大致方法已经给出，可以参考一下