使用
句代码简单实现jquery动画的跳到顶部和底部
当点击顶部按钮的时候
执行方法
scrollTop属性获取选中标签距滚动条的距离
具体的实现如下
感兴趣的朋友可以参考下
复制代码 代码如下:
<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
<html xmlns="
<head>
<title>Untitled Page</title>
<script type="text/javascript" src=jqueryjs></script>
<script>
$(document)ready(function () {
//当点击顶部按钮的时候执行方法scrollTop属性获取选中标签距滚动条的距离
$(#top)click(function () {
$(html)animate(
{ scrollTop: px }
);
});
//当点击底部标签时候执行方法其中offset()获取匹配元素在当前视口的相对偏移返回的是一个对象有两个属性topleft
//animate的第二个属性当然我们也可以设置slownormal或fast
$(#foot)click(function () {
$(html)animate(
{scrollTop:$(span)offset()top}
);
});
});
</script>
</head>
<body>
<br /> <br /> <br /> <br /> <br />
<a href="#" id="foot">底部</a>
<br /> <br /> <br /> <br /> <br />
<br /> <br /> <br /> <br /> <br />
<a href="#" id="top">顶部</a>
<br /> <br /> <br /> <br /> <br />
<span></span>
</body>
</html>
