不能让Div显示过去某一点吗?

时间:2015-01-21 06:06:48

标签: javascript jquery

我已经研究了一段时间并且在我的MAMP服务器上运行我只能在页面超过顶部10个像素时才能让信息量下降。

<div class="infobar">

</div>

这就是我的div看起来像我这样导入我的库。

<!-- Librarys -->
<script src="./script.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

最后但并非最不重要的是,script.js。

$(function() {
var banner = $(".infobar");
var bodyHeight = $("body").height();
$(window).scroll(function() {
    if (bodyHeight <= $(window).height() + $(window).scrollTop() - 10) {
        banner.fadeIn();
    } else {
        banner.hide();
    }
});
});

1 个答案:

答案 0 :(得分:1)

你不是要包含jQuery库本身,为了使jQuery UI工作,你还需要包含jQuery.js,如http://code.jquery.com/jquery-latest.js

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="./script.js"></script><!--include this after jquery library-->