Question

我遇到了jQuery（）。scrollTop（）函数的问题，该函数除了（窗口）之外不能用作选择器。我的设置如下：

 p = $('body').scrollTop();
    console.log(p);
    $('body').scroll(function(){
    if($('body').scrollTop()==0){
    $('.shadow').fadeOut();
    console.log('fadeout');}
    else{
    $('.shadow').fadeIn();
    console.log('fadein');}     
    });

http://codepen.io/anon/pen/HiAIh/

带有标题和叠加的基本页面问题是如果('body').scrollTop()大于0且无法正常工作，我想在标题下使用阴影。我还尝试将一个类分配给body或将整个东西包装在另一个DiV中。 console.log的返回值总是“null”而不是“0”。我也无法将函数更改为(window).scrollTop()哪个可以正常工作，因为那时我的叠加层不再起作用了。窗口选择器引用“html”-tag，我必须设置overflow：hidden;使叠加层工作。您可以在此处看到该版本：

 p = $(window).scrollTop();
   console.log(p);
   $(window).scroll(function(){
   if($(window).scrollTop()==0){
   $('.shadow').fadeOut();
   console.log('fadeout');}
   else{
   $('.shadow').fadeIn();
   console.log('fadein');}      
   });

http://codepen.io/anon/pen/CqGKg/

阴影效果很好，但正如你所看到的叠加不会..这就是为什么我需要尝试让阴影在我的第一个例子(('body').scrollTop())中使用“html”溢出：隐藏;

我搜索了很多并尝试了许多建议，但没有成功..

非常感谢你的帮助!!

jQuery（）。scrollTop（）不能使用'body'选择器

0 个答案: