本文主要是介绍jQuery-----获取浏览器上卷高度（scrollTop()、scrollLeft() ），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
<script>// 获取浏览器上卷高度// scrollTop() 上卷的高度// scrollLeft() 平移的宽度// 不同考虑浏览器的兼容性,jQuery会来处理// 可以回去,也可以设定// jquery中,滚动条的监听事件$(window).scroll(function(){// 判断 浏览器的上卷高度 if($(window).scrollTop() > 500){// 大于 500 , 让 div,下拉显示$('div').slideDown();$('p').slideDown();}else{// 小于等于 500 , 当div,上卷隐藏$('div').slideUp();$('p').slideUp();}})// 点击返回顶部// 获取和设定时, 可以通过 $(window) 来进行操作// 也可以通过 $('html') 来进行操作// 设定自定义动画时, 必须只能使用 $('html') 来进行// $(window) , 不支持 动画效果的// $('p').click(function(){// 如果是设定,可以是 $(window) 或者 $('html')// 不过 这个是 瞬间完成 的// $(window).scrollTop(0);// 通过自定义动画,使用动画效果完成// 只能是 $('html') 来执行$('html').animate( { scrollTop: 0 } , 2000 );})总结页面上卷操作1, 获取 和 设定scrollTop() scrollLeft()没有参数是获取,有参数是设定获取和设定的对象,可以是 $(window) 或者 $('html')window 是一个 JavaScript 的 顶级对象要使用 jquery 的语法 必须要 加 $() 来转化$('html') 通过 html 标签名称 来获取标签对象 --- 选择器语法2, 自定义动画效果$('html').animate( {scrollTop:数值} , 时间 );只有 $('html') 支持动画效果</script>
这篇关于jQuery-----获取浏览器上卷高度（scrollTop()、scrollLeft() ）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
