Javascript jquery获取窗口位置+;滚动-但如果不滚动,则不显示
嗨,卷轴上显示的照片很少。 我使用以下代码:Javascript jquery获取窗口位置+;滚动-但如果不滚动,则不显示,javascript,jquery,html,css,scroll,Javascript,Jquery,Html,Css,Scroll,嗨,卷轴上显示的照片很少。 我使用以下代码: $(document).ready(function() { $(window).scroll( function(){ $('.fade').each( function(i){ var bottom_of_object = $(this).position().top + ( $(this).outerHeight() / 2 ); var bottom_of_window
$(document).ready(function() {
$(window).scroll( function(){
$('.fade').each( function(i){
var bottom_of_object = $(this).position().top + ( $(this).outerHeight() / 2 );
var bottom_of_window = $(window).scrollTop() + $(window).height();
if( bottom_of_window > bottom_of_object ){
$(this).addClass('showme');
}
if( bottom_of_window < bottom_of_object ){
$(this).removeClass('showme');
}
});
});
});
$(文档).ready(函数(){
$(窗口)。滚动(函数(){
$('.fade')。每个(函数(i){
变量bottom\u of_object=$(this.position().top+($(this.outerHeight()/2);
var bottom_of_window=$(window.scrollTop()+$(window.height());
if(窗口的底部>对象的底部){
$(this.addClass('showme');
}
if(_窗口的底部_<_对象的底部_){
$(this.removeClass('showme');
}
});
});
});
这工作得很好,但是当我打开页面时,如果窗口太高,照片就不会显示出来,让空间变得非常难看。这(我想)是因为add类只在窗口滚动上工作
我怎样才能解决这个问题?我需要的是当图片显示在窗口位置,而不仅仅是在卷轴上
谢谢大家! 附加
滚动
触发到代码:
$(document).ready(function() {
$(window).scroll( function(){
$('.fade').each( function(i){
var bottom_of_object = $(this).position().top + ( $(this).outerHeight() / 2 );
var bottom_of_window = $(window).scrollTop() + $(window).height();
if( bottom_of_window > bottom_of_object ){
$(this).addClass('showme');
}
if( bottom_of_window < bottom_of_object ){
$(this).removeClass('showme');
}
});
});
$(window).scroll();
});
$(文档).ready(函数(){
$(窗口)。滚动(函数(){
$('.fade')。每个(函数(i){
变量bottom\u of_object=$(this.position().top+($(this.outerHeight()/2);
var bottom_of_window=$(window.scrollTop()+$(window.height());
if(窗口的底部>对象的底部){
$(this.addClass('showme');
}
if(_窗口的底部_<_对象的底部_){
$(this.removeClass('showme');
}
});
});
$(window.scroll();
});
$(window).scroll()
触发窗口上的滚动事件。您需要的是所谓的延迟加载。为什么不为此使用插件呢?如果您能在snippet/fiddlrIf中分享您的尝试会更好,“我认为这是因为添加类只能在窗口滚动上工作。”如果是真的,请在文档准备好后添加您的类。您已经实现了这样的功能,只需找到要添加类的元素,然后完成您的工作。而是$(this.addClass('showme')代码>使用$(您的_选择器).addClass('showme')
在$(窗口)之前。滚动()
非常感谢!这样在平板电脑上也能很好地工作!!谢谢医生们!