jQuery 在滚动时淡出 - 我做错了什么

jQuery fadeout on scroll - what am I doing wrong?

本文关键字：错了 什么 淡出 滚动 jQuery      更新时间：2023-09-26

我正在尝试在我的网站上实现 http://jsfiddle.net/NKgG9/6/。

当用户开始向下滚动时，它应该淡出一个div。相反，div只是坐在那里，清晰可见且不变。我是Java的新手，所以我认为这是我缺少的非常基本和基本的东西。

这是我正在做的事情：

头标签内：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
    var targets = $(".scroll_note, .social");
    if($(window).scrollTop() > 10){
      targets.hide();
    }
    $(window).scroll(function(){
        var pos = $(window).scrollTop();
        if(pos > 10){
            targets.stop(true, true).fadeOut("fast" );
        } else {
            targets.stop(true, true).fadeIn("fast");
        }
    });
});?
</script>

然后在正文标签内：

<div class="scroll_note">Scroll down to see our amazing specials!</div>

请帮帮我！谢谢，亚历克斯:)

你包含的另一个脚本 fadeslideshow.js 调用 jQuery.noConflict 删除 jQuery 对$变量的全局赋值。您有几种解决方法：

  1. 删除对jQuery.noConflict fadeslideshow.js 的调用。但是，这可能会破坏该幻灯片脚本。
  2. 在上面的 JavaScript 代码中使用 jQuery 而不是 $。
    3. 将

  3. 代码包装在自调用函数中，该函数将全局jQuery重新映射到$：

    (function($) { /* your code here */ })(jQuery);

代码末尾有一个?，它将引发错误并终止脚本。删除它，您应该一切就绪。

编辑：

我看到你发布了你的网站。指向谷歌 API 的script标记格式不正确。它不是从http:开始，只是从//开始。解决这个问题，然后看看你在哪里

编辑2：怀亚特指出这不是真的。看他的回答。

相关文章：