我应该将$document.height和/或$window.height存储为变量吗？

问题描述

| 在以下示例中，将这些值存储为变量（在.scroll（）之外）是否是一个好主意？

$(window).scroll(function(){
  if ( $(document).height() <= ( $(window).height() + $(window).scrollTop() ) ) {
    // position stuff
  } else {
    // other position stuff
  }
});

我看到的唯一缺点是，在调整窗口大小的情况下，应再次检查高度。还是只需要自己存储对象？ 任何反馈，不胜感激！     

解决方法

至少，在

scroll

回调之外存储对

$(document)

和

$(window)

的引用绝对是个好主意，因为滚动事件可能会反复快速触发。

var $win = $(window),$doc = $(document);

$win.scroll(function(){
  if ( $doc.height() <= ( $win.height() + $win.scrollTop() ) ) {
    // position stuff
  } else {
    // other position stuff
  }
});

可以按您的要求进行操作，也可以将文档和窗口的高度存储在回调之外，只要您根据需要进行更新即可。处理所有这些问题的一种好方法是使用出色的jQuery油门/去抖插件，该插件为您提供了一个简单的界面，以确保函数不会运行得太频繁。     ,我做同样的事情，但我添加了其他东西：

$(window).scroll(function(){
  if ( $(document).height() <= ( $(window).height() + $(window).scrollTop() ) ) {
    // position stuff
  } else {
    // other position stuff
  }
}).resize(function(){$(this).scroll()});//will call the scroll method on resize

或您可以执行以下操作：

function pageSizer(){
      if ( $(document).height() <= ( $(window).height() + $(window).scrollTop() ) ) {
        // position stuff
      } else {
        // other position stuff
      }
}

$(window).scroll(pageSizer).resize(pageSizer);

    ,存储

$(document)

和

$(window)

，但是请重新检查height（）和scrollTop（），因为它们可以根据用户交互而改变。     ,每次用jQuery包装Element时，都在创建jQuery对象。如果您打算多次使用相同的jQuery对象，那么缓存它是明智的。通过将其存储在变量中并在每次要使用它时都调用该变量即可完成此操作。这将不再创建jQuery对象，而是使用缓存的版本。 例如：

var wh = $(window).height();