javascript - 导航前如何判断元素是否在屏幕上？

我将SlideUp和SlideDown jQuery动画添加到了我的网站http://brianhotopp.duckdns.org/index.html（单击>>>）。但是，当用户导航到新页面时，他们将不得不重新滑动在最后一页上滑动的元素。有什么方法可以在导航之前检测元素是否可见？

$(function(){
if (sessionStorage.getItem("tabvisible")) {
$(".jumbotron").slideDown();//display header
} else {
$("jumbotron").slideUp();//hide header
}

$('.information').hide().fadeIn('slow');


$("#expandiconup").click(function(){
$(".jumbotron").slideUp();
 sessionStorage.setItem("tabvisible", false);
});
$("#expandicondown").click(function(){
$(".jumbotron").slideDown();
sessionStorage.setItem("tabvisible", true);

});

最佳答案

如何使用localStorage？

$("#expandiconup").click(function () {
    localStorage.setItem("tabvisible", false);
});

$("#expandicondown").click(function () {
    localStorage.setItem("tabvisible", true);
});

然后在加载新页面时，验证该值

if (localStorage.getItem("tabvisible") == true) {
    //display header
} else {
    //hide header
}