Question

我正在尝试将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>

然后在body标签内：

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

请帮帮我！谢谢，Alex：）

Answer 1

您包含的其他脚本fadeslideshow.js调用jQuery.noConflict，它将jQuery的全局分配移除到$变量。你有几种解决方法：

移除jQuery.noConflict中对fadeslideshow.js的来电。但是，这可能会破坏该幻灯片脚本。
在上面的JavaScript代码中使用jQuery代替$。
将代码换成self-invoking function，将全局jQuery重新映射到$：
```
(function($) { /* your code here */ })(jQuery);
```

Answer 2

您的代码末尾有一个?，它会抛出错误并终止该脚本。删除它，你应该全部设置。

修改

我看到你发布了你的网站。您指向Google API的script代码格式不正确。它不是以http:开头，而是以//开头。解决这个问题，然后看看你在哪里

Edit2 ：怀亚特指出这不是真的。看他的答案。

滚动的jQuery淡出 - 我做错了什么？

2 个答案: