当前位置：文江博客话题详情

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

发布于 2024-10-10 10:23:03 字数 254 浏览 6 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

極樂鬼 2024-10-17 10:23:03

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

//未测试

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

You could try to get how deep is the last row going by calculating his vertical position (top) and his height. If that value would pass the current scroll, then you scroll to that value.

//Not tested

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

回复收藏 0 原文

~没有更多了~