0

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/

4

2 に答える 2

0

エラーが表示されます

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

私のコンソールで。$ は、コード内の他のライブラリと競合していると思います。とにかく、これを試して、それが機能しているかどうかを確認してください：

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

}
于 2014-09-26T13:59:05.907 に答える
0

私はあなたのサイトを見て、問題はあなたのjQueryだと思います。おそらく正しくロードされていません。

$ が定義されています。しかし、 $("html") を実行すると null が返されます。jQuery("html") を使用すると、正しく返されます。

他の何かが $ 変数を占有しています。

于 2014-09-26T14:00:03.170 に答える