获取当前视窗的jQuery函数?

5
我找到了这个:

我找到了这个:

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内置了此功能的函数吗?

2
不,你没有针对此问题的切口API,但你可以重写你在jQuery中拥有的内容。但是,如果你现有的内容运行良好,为什么要寻找基于jQuery的解决方案呢?我相信这将比jQuery提供给你的更快。 - Selvakumar Arumugam
1个回答

11

虽然没有单一的内置函数,但是可以使用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


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接