在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
只修改了2个地方: ,返回的速度-->改成了慢慢回去。(原来是一闪而返回) ,返回顶部图标出现的时机-->改成了只要不在顶部就显示出来。(原来是向下滚动500px后才显示) 注意:JS务必要写在 Html之后; HTML 复制代码 代码如下:<div id="d-top" style="display:none;"> <a id="d-top-a" href="#" title="回到顶部"> <img src="http://static.blog.csdn.net/images/top.png" alt="TOP" /></a> </div> Javascript代码 复制代码 代码如下:<script type="text/javascript"> $(function(){ var d_top=$('#d-top'); document.onscroll=function(){ var scrTop=(document.body.scrollTop||document.documentElement.scrollTop); if(scrTop>500){ if(scrTop>0){ d_top.show(); }else{ d_top.hide(); } } $('#d-top-a').click(function(){ $("html,body").animate({scrollTop: 0},500); //scrollTo(0,0); this.blur(); return false; }); }); </script> CSS样式 复制代码 代码如下:#d-top { position: fixed; float: right; z-index: 10; right: 10px; bottom: 40px; } #d-top img { width: 42px; opacity: 0.3; } img { border: medium none; } |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论