首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery回来页面顶端

2013-07-16 
jquery回到页面顶端html代码:h1 idanchor页面标题/h1div idcontainer页面内容/divpa hre

jquery回到页面顶端
html代码:

<h1 id="anchor">页面标题</h1><div id="container">页面内容</div><p><a href="#anchor" name="code">#container{   height: 1000px;   line-height: 1000px;   text-align: center;   font-family: Arial;   border: 1px solid #EEEEEE;}.topLink{  float:right;  padding:10px;  color: #CCC;}

js代码:
$(document).ready(function() {$("a.topLink").click(function() {$("html, body").animate({scrollTop: $($(this).attr("href")).offset().top + "px"}, {duration: 500,easing: "swing"});return false;});});

热点排行