不透明度onscroll，腳本將不起作用

嘿傢伙即時嘗試實現onscroll功能，但它不會在我的網站上工作。不透明度onscroll，腳本將不起作用

我到底做錯了什麼？

<head> 
<script> 
$(document).ready(function() { 

/* Every time the window is scrolled ... */ 
$(window).scroll(function(){ 

/* Check the location of each desired element */ 
$('.hideme').each(function(i){ 

var bottom_of_object = $(this).position().top + $(this).outerHeight(); 
var bottom_of_window = $(window).scrollTop() + $(window).height(); 

/* If the object is completely visible in the window, fade it it */ 
if(bottom_of_window > bottom_of_object){ 

$(this).animate({'opacity':'1'},500); 

} 

}); 

}); 

});</script> 
</head> 

<body> 

<div id="container"> 

<div class="hideme">Fade In</div> 
<div class="hideme">Fade In</div> 
<div class="hideme">Fade In</div> 
<div class="hideme">Fade In</div> 
<div class="hideme">Fade In</div> 

</div> 
</body>

，並鏈接到網站的全碼： http://eren-web-design-development.tk/C-Html/landingpage/

來源

2014-09-26 jasongrimes

我看到在我的控制檯錯誤

TypeError: $(...).ready is not a function

。我認爲$與代碼中的其他庫衝突。無論如何，試試這個，並檢查它是否工作：

jQuery(document).ready(function($) { 
.. 

}

來源

2014-09-26 13:59:05 Amit

哇這太棒了，非常感謝。它現在是適當的，但是有可能在滾動之後查看隱藏容器中的一個，第二個是如果進一步滾動則查看隱藏容器。等等？非常感謝您的回答 – jasongrimes 2014-09-26 14:00:42

很酷。樂意效勞。你可以接受我的回答btw :) – Amit 2014-09-26 14:02:04

這不是完美的，但嘗試這樣： if（$（this）.position（）。top <$（window）.scrollTop（）+ 400）{（ $此）.animate（{ '不透明'： '1'}，500）; } – Amit 2014-09-26 14:14:44

我看着你的網站，認爲問題是你jQuery。它可能沒有正確加載。

$被定義。但是當我做$（「html」）時，它返回null。當我使用jQuery（「html」）它確實返回正確。

其他東西正在佔用$變量。

來源

2014-09-26 14:00:03 HugoC4

謝謝你，那就對了。爲了在我的頁面上使用腳本，我需要給它一個唯一的功能ID。我使用Joomla，所以有很多可能性，它被用於另一個功能。 – jasongrimes 2014-09-26 14:03:58

啊，好吧。祝你好運與您的其他網站。^ ^ – HugoC4 2014-09-26 14:13:10

不透明度onscroll，腳本將不起作用

回答

相關問題