如何确定jQuery中窗口的高度和滚动位置?

2020/10/21 17:21 · javascript ·  · 0评论

我需要掌握jQuery的窗口高度和滚动偏移量,但是我在jQuery文档或Google中没有发现任何运气。

我90%肯定有一种方法可以访问元素的height和scrollTop(可能包括窗口),但是我找不到特定的引用。

从jQuery Docs:

const height = $(window).height();
const scrollTop = $(window).scrollTop();

http://api.jquery.com/scrollTop/
http://api.jquery.com/height/

来自http://api.jquery.com/height/(注意:窗口和文档对象的使用之间的区别)

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

来自http://api.jquery.com/scrollTop/

$(window).scrollTop() // return the number of pixels scrolled vertically

纯JS

window.innerHeight
window.scrollY

比jquery快10倍以上(并且代码的大小相似):

在此处输入图片说明

在这里,您可以在计算机上执行测试:https : //jsperf.com/window-height-width

$(window).height()

$(window).width()

jquery还有一个插件可以确定元素的位置和偏移量

http://plugins.jquery.com/project/dimensions

滚动的offset =元素的offsetHeight属性

如果需要滚动到元素的某个点。您可以使用Jquery函数向上/向下滚动。

$('html, body').animate({
                scrollTop: $("#div1").offset().top
            }, 'slow');
本文地址:http://javascript.askforanswer.com/ruhequedingjqueryzhongchuangkoudegaoduhegundongweizhi.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!