2016-10-04 56 views
0

以下簡單示例我沒有收到警報,有人可以幫我解決嗎?簡單示例中沒有檢測到滾動事件

$(document).ready(function() { 
 
    $(window).scroll(function() { 
 
    alert("Hi!"); 
 
    }); 
 
});
<html> 
 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
</head> 
 
<body> 
 
</body> 
 

 
</html>

我期待 「HI」,提醒了,每當我滾動頁面上。

回答

2

你的代碼的工作,你只需要在該body這比窗口更高一些內容,以便頁面實際上將滾動:

div { height: 2000px; }
<html> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script> 
 
    $(document).ready(function() { 
 
     $(window).scroll(function() { 
 
     alert("Hi!"); 
 
     }); 
 
    }); 
 
    </script> 
 

 
</head> 
 

 
<body> 
 
    <div>Some content...</div> 
 
</body> 
 

 
</html>

0

我想你需要的內容您的頁面可以正常工作。現在它不會'看到'你的窗口

0

這是非常正常的,因爲沒有調用滾動事件。你的身體應該足夠高,以允許滾動事件。在你的代碼中,你還沒有內容。嘗試添加大型內容height

<html> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script> 
 
    $(document).ready(function() { 
 
     $(window).scroll(function() { 
 
     alert("Hi!"); 
 
     }); 
 
    }); 
 
    </script> 
 

 
</head> 
 

 
<body> 
 
    <div>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br></div> 
 
</body> 
 

 
</html>

1

首先增加高度,身體

body{ height:1200px; }

那就試試這個

$(window).on('scroll',function(){ alert('Hi'); });