全面解析jQuery中的$(window)与$(document)的用法区别(2)

scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置（即：滚动条最上方与该元素顶部的距离）。
输入参数比如： $(window).scrollTop(100)，将垂直位置设置为100px;
不输入参数比如： $(window).scrollTop(100)，返回匹配元素的滚动条的垂直位置。

2、$(window).scrollTop()和$(document).scrollTop()两者在使用效果上区别不大，但所有浏览器基本都支持前者，但后者就不一定了。

附：一个返回顶部功能，对以上知识的应用

$(function(){ "use strict"; var backButton=$('.back-to-top ');//css中请事先将按钮隐藏 //返回顶部按钮点击事件 backButton.on('click',function(){ $('html,body').animate({ scrollTop:0 },800) }); //窗口向下滚动一屏后显示‘返回顶部按钮' $(window).on('scroll',function(){ if($(window).scrollTop() > $(window).height()) backButton.fadeIn(); else backButton.fadeOut(); }) });

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持!

您可能感兴趣的文章: