我正在尝试在我的网站上实现 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 对$
变量的全局赋值。您有几种解决方法:
- 删除对
jQuery.noConflict
fadeslideshow.js
的调用。但是,这可能会破坏该幻灯片脚本。 - 在上面的 JavaScript 代码中使用
jQuery
而不是$
。
将 代码包装在自调用函数中,该函数将全局
jQuery
重新映射到$
:(function($) { /* your code here */ })(jQuery);
代码末尾有一个?
,它将引发错误并终止脚本。删除它,您应该一切就绪。
编辑:
我看到你发布了你的网站。指向谷歌 API 的script
标记格式不正确。它不是从http:
开始,只是从//
开始。解决这个问题,然后看看你在哪里
编辑2:怀亚特指出这不是真的。看他的回答。