jquery - 如果 .slideDown 超出浏览器底部，如何自动向上滚动页面？

Question

我有一个表格，当鼠标悬停在行上时，它通过 jQuery SlideDown 显示每行的附加信息。当鼠标移开时，信息将通过向上滑动删除。

这工作得很好，但是当我将鼠标悬停在页面上的最后一个项目上时，它会滑到浏览器窗口底部下方。如果用户使用鼠标滚轮或类似工具向下滚动，他们可以看到信息，但如果他们移动鼠标指针来滑动滚动条，信息就会消失。

jQuery 中是否有一种简单的方法可以确保页面向下滚动以在执行 SlideDown 的同时显示信息，或者我是否必须手动解决此问题？

Answer 1

您可以尝试通过计算最后一行的垂直位置(顶部)和高度来了解最后一行的深度。如果该值将通过当前滚动，则您滚动到该值。

//未测试

var verticalLimit = $("#lastRow").offset().top + $("#lastRow").height() ;
var currentVerticalScroll = $(window).scrollTop();
if (verticalLimit > currentVerticalScroll){
    $("body").animate({ scrollTop: verticalLimit }, 500);
}