Javascrip页面滑到顶部或底部

使用了jQuery的animate函数。 代码如下: <div id="full-top" style="position:fixed; left:50%; top:520px; margin-left:495px; z-index:100; text-align:center; cursor:pointer;"> &l...

使用了jQuery的animate函数。

代码如下:

<div id="full-top" style="position:fixed; left:50%; top:520px; margin-left:495px; z-index:100; text-align:center; cursor:pointer;">
<a><img src="//ww4.sinaimg.cn/large/a15b4afegy1fhb9dkt4iij201e01eglf" width="20" border="0" alt="返回顶部" title="返回顶部"></a>
</div>
<script type="text/javascript">
jQuery('#full-top').click(function(){
    jQuery('html, body').animate({scrollTop:0}, 'slow');
    return false;
});
</script>

<div id="full-btm" style="position:fixed; left:50%; top:550px;  z-index:100; text-align:center; cursor:pointer;">
<a><img src="http://ww4.sinaimg.cn/large/a15b4afely1fhb9g7im1jj201e01emwx" width="20" border=0 alt="跳到底部" title="跳到底部"></a>
</div>

<script type="text/javascript">
jQuery('#full-btm').click(function(){
    jQuery('html, body').animate({scrollTop:jQuery(document).height()}, 'slow');
    return false;
});
</script>


  • 发表于 2017-07-07 13:41
  • 阅读 ( 519 )
  • 分类:前端

条评论

请先 登录 后评论
不写代码的码农
三叔

422 篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除