我已经研究了一段时间并且在我的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();
}
});
});
答案 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-->