无法让 Div 显示超过某个点

Can't get Div to show past certain point?

本文关键字：显示 Div      更新时间：2023-09-26

我已经为此工作了一段时间并在我的 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>

最后但并非最不重要的一点是剧本.js。

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

你没有包括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-->
相关文章：