Question

真的很抱歉，如果以前曾经问过这个问题但是我已经搜索了一个asnwer的高低，现在发现了一个......

在我的网站上，我有一个“页脚”和一个“底部”。当用户将鼠标悬停在网站的底部时，我希望页脚显示。我已经成功地做到了（下面的代码）。然而，当用户悬停在“底部”div上时，页脚向下扩展，因此用户必须向下滚动以查看出现的内容。这不是一个巨大的问题，但对用户来说并不是很好。如果在显示页脚时网站被推高会好得多。有谁知道我怎么做到这一点？它只是页脚div的CSS tweek吗？谢谢所有人。这是伟大的论坛!!

$(document).ready(function(){  
$("#bottom").mouseenter(function(){
      $("#footer").stop(true,true).slideDown( function(){
        $("#bottom").addClass("open");
      });
  });
  $("#footer, #bottom").mouseleave( function(){
    $("#footer").stop(true,true).delay(1000).slideUp( function(){
      $("#bottom").removeClass("open");
    });
  });
  $("#footer").mouseenter(function(){
    $("#footer").stop(true,true).slideDown();
  });
});


#footer {
display:none;
height: 200px;
}
#bottom
{
height: 30px;
}

Answer 1

尝试

$('html, body').animate({scrollTop: $(document).height()}, 200);

在slideDown函数的回调中。
这会将文档滚动到底部。

查看评论：

 var event = window.setInterval(function() {
     $('html, body').animate({scrollTop: $(document).height()}, 50);
 }, 50);
 $("#footer").stop(true,true).slideDown( function(){
    $("#bottom").addClass("open");
    window.clearInterval(event);
  });

Jquery - mouseenter推送内容

1 个答案: