2017-02-27 27 views
2

例如我的文档高度是4100,我需要在500到3600的高度内显示一个部分。我已经用下面的代码尽力了。我没有得到正确的输出。请分享你的想法。粘滞部分特别是查看端口

var start = $(document).scrollTop(); 
var stop = $(document).height() - 500; 
$('#onScrollShow').hide(); 
$(window).scroll(function() { 
    if (start < stop) { 
     $('#onScrollShow').show(); 
    } else { 
     $('#onScrollShow').hide(); 
    } 
}); 

的HTML:

<div id="onScrollShow"> some text </div> 

回答

1

你需要检查里面您的滚动事件页面的位置,所以jQuery将每次用户滚动检查值:

$(window).scroll(function() { 
    var currentScroll = $(window).scrollTop(); //gets value every scroll 
    if (scroll < stop) { 
     // do stuff 
    } 
}); 
+1

感谢您的答复。我用你的代码和我的条件,它的工作原理! –

+0

太棒了!你能把它标记为接受的答案吗? :) – Coleman

0

这工作!

$(window).scroll(function() { 
 
    var currentScroll = $(window).scrollTop(); 
 
    if ((currentScroll > 400) && (currentScroll < 2500)) { 
 
     $('#onScrollShow').slideDown(); 
 
    }else { 
 
      $('#onScrollShow').slideUp(); 
 
     } 
 
});