获取当前视口的jQuery函数?

前端之家收集整理的这篇文章主要介绍了获取当前视口的jQuery函数?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我找到了这个:

getViewport = function () {
  var m = document.compatMode == 'CSS1Compat';
  return {
    l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft),t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop),w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth),h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight)
  };
};

但是jQuery是否有内置功能呢?

最佳答案
虽然没有一个内置函数,但函数本身可以通过jQuery函数简化:

getViewport = function() {
    var $w = $(window);
    return {
        l: $w.scrollLeft(),t: $w.scrollTop(),w: $w.width(),h: $w.height()
    }
}

在这里测试:http://jsfiddle.net/naLLa/

您可能还会发现这个感兴趣的插件,它会添加基于视口的选择器:http://www.appelsiini.net/projects/viewport

原文链接:https://www.f2er.com/jquery/428603.html

猜你在找的jQuery相关文章