如何在javascript或jquery中显示和隐藏网站标题

Question

我正在处理一个Bootstrap用例。我用Bootstrap设计了一个菜单。我希望向下滚动时隐藏菜单，向上滚动时显示菜单。(向下滑动/向上滑动(。

我想使用jQuery来实现这个功能。

window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 150 || document.documentElement.scrollTop > 150) {
$('.center-menu').slideUp();
$(bottomDiv).fadeIn();
} else {
$('.center-menu').slideDown();
$(bottomDiv).fadeOut();
}
}

Answer 1

这个用例可以使用JQuery来执行。您可以使用以下调用隐藏div：

$('#menu').hide();

要显示div，请使用以下调用：

$('#menu').show()

当然，您需要输入逻辑来处理滚动。这样的东西会起作用的。

var lastScrollTop=150;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
// downscroll code
} else {
// upscroll code
}
lastScrollTop = st;
});

点击此处了解更多信息。