如何解决我应该将$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();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。