1

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

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

这就是我正在做的事情：

在 head 标签内：

<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>

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

4

2 回答 2

2

您包含的另一个脚本fadeslideshow.js调用jQuery.noConflict删除了 jQuery 对$变量的全局分配。你有几种方法可以解决这个问题：

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

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

    (function($) { /* your code here */ })(jQuery);
于 2012-06-25T23:14:50.900 回答
1

您?的代码末尾有一个将引发错误并终止脚本的代码。删除它，你应该都准备好了。

编辑：

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

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

于 2012-06-25T22:57:20.247 回答