我在 Blogger.com 上有一个博客,我想添加一个滚动触发框,例如 Dreamgrow 或 Wordpress 的 Qoate 滚动触发框。我用 jQuery提到了滚动触发框。我已经创建了一个 HTML 文件并对其进行了测试,但这对我不起作用。可能是我在某个地方弄错了。我的编码是
<html>
<head>
<title>Scroll Triggered Box With jQuery</title>
<style type="text/css">
.Comments
{
font:georgia;
display:none;
}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$(window).scroll(function () {
var y = $(window).scrollTop();
var c = $('#comments').offset();
if (y > (c.top - $(window).height())) {
$('#the_box').fadeIn("slow");
} else {
$('#the_box').fadeOut('slow');
}
});
});
</script>
<div>
<!--My long post here-->
</div>
<div class="Comments" id="the_box">
This is the DIV that triggers I scroll down to Comments</br>
This is the DIV that triggers I scroll down to Comments</br>
This is the DIV that triggers I scroll down to Comments</br>
This is the DIV that triggers I scroll down to Comments</br>
This is the DIV that triggers I scroll down to Comments</br>
This is the DIV that triggers I scroll down to Comments
</div>
</body>
</html>
我在 jScript 方面有点弱。我不知道 jScript 是如何工作的。
如何解决我的问题并使其在我的 Blogger.com 博客中正常工作?