我有一个表格,当鼠标悬停在行上时,通过 jQuery SlideDown 显示每行的附加信息。当鼠标移开时,信息将通过向上滑动删除。
这工作得很好,但是当我将鼠标悬停在页面上的最后一个项目上时,它会滑到浏览器窗口底部下方。如果用户使用鼠标滚轮或类似工具向下滚动,他们可以看到信息,但如果他们移动鼠标指针来滑动滚动条,信息就会消失。
jQuery 中有没有一种简单的方法可以确保页面向下滚动以在执行 SlideDown 的同时显示信息,或者我是否必须手动解决此问题?
您可以尝试通过计算最后一行的垂直位置(顶部)和高度来了解最后一行的深度。如果该值将通过当前滚动,则您滚动到该值。
//未测试
var verticalLimit = $("#lastRow").offset().top + $("#lastRow").height() ;
var currentVerticalScroll = $(window).scrollTop();
if (verticalLimit > currentVerticalScroll){
$("body").animate({ scrollTop: verticalLimit }, 500);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)