jQ回到顶部
2018-10-22 本文已影响0人
明明明明如月
<script type="text/javascript"src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
/* 回到顶部 */
$(function() {
$(function() {
$(window).scroll(function() {
/* 判断滚动条 距离页面顶部的距离 100可以自定义*/
if($(window).scrollTop() > 100) {
$("#top_sec").fadeIn(100); /* 这里用.show()也可以 只是效果太丑 */
} else{
$("#top_sec").fadeOut(100);
}
});
});
/* 给图片元素绑定 回到顶部的事件 */
$(function() {
$("#goPageTop").on("click", function() {
$('body,html').animate({
scrollTop: 0
}, 1000);
returnfalse;
});
});
});
</script>
