我不能得到JQuery的滚动功能在我的网站工作

问题描述：

我试图很像一个看到 https://codepen.io/michaeldoyle/pen/Bhsif?editors=0010 问题的效果是，由于某种原因，它不会在所有对我的现场工作http://pmoore17.altervista.org/TWADrama/index.php 我试图让幻灯片逐步淘汰，而内容阶段为，反之亦然。帮帮我？我不能得到JQuery的滚动功能在我的网站工作

我的JQuery：

var hidetop = $("#hidetop"); 
    var range = $("#hidetop").height(); 
    var body = $("#wrapper"); 

    $(window).on('scroll', function() { 

     var scrollTop = $(this).scrollTop(); 
     var offset = hidetop.offset().top; 
     var height = hidetop.outerHeight(); 
     offset = offset + height/2; 
     var calc = 1 - (scrollTop - offset + range)/range; 

     hidetop.css({ 
     'opacity': calc 
     }); 

     if (calc > '1') { 
     hidetop.css({ 
      'opacity': 1 
     }); 
     } else if (calc < '0') { 
     hidetop.css({ 
      'opacity': 0 
     }); 
     } 

    });

我jQuery是当前已删除了我的网站，因为它是唯一增加负载的时间和造成的图像不加载。

你可以把它还给你的现场，让我可以看到发生了什么？ –

似乎现在按预期工作......你还有这个问题吗？ –

在滚动备份时图像不会恢复到完全不透明状态...使用偏移量变量播放。尝试将其设置为零。 –

答

好吧，我明白了。

在offset = offset + height/2;中删除除数2。

所以像这样：offset = offset + height;

此外，具有较长的网页进行测试。
或 - 只是为了测试 - 添加此：

$（“＃wrapper”）。css（{“height”：2000}）;

不客气;） –

答

您是否在使用scrip in head元素？如果是，则可能是问题所在。在关闭</body>标记之前，将您的<script> your function </script>放在文档的末尾。

Naah。这与OP问题无关。 –

我不能得到JQuery的滚动功能在我的网站工作

相关推荐