Question

嘿伙计们试图实现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/

Answer 1

我看到了错误

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

在我的控制台中。我认为$与代码中的其他库相冲突。无论如何，试试这个并检查它是否有效：

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

}

Answer 2

我查看了你的网站并认为问题是你的jQuery。它可能无法正确加载。

$已定义。但是当我执行$（＆＃34; html＆＃34;）时，它返回null。当我使用jQuery（＆＃34; html＆＃34;）时，它确实正确返回。

其他东西正在占据$变量。

Opacity onscroll，Script无法正常工作

2 个答案: