javascript - 如果 div 因溢出而隐藏，则滚动

Question

我正在寻找检测类“.selected”的 div 何时位于其容器 div 的底部(被溢出:隐藏隐藏)。如果是，请向下滚动容器的内容以显示下一个“页面”，方法是滚动容器的高度，或者滚动直到“.selected”再次位于其容器的顶部。

执行此操作的最佳方法是什么？

Answer 1

我使用了 scrollTo 以及我在评论中发布的链接中的一些数学来实现此目的:

var top = it.position().top; 
var bd = top + it.height();     
var ch = $('.tab-demo-content').height();     
if(bd>ch){  //if focused item isn't visible, scroll to it
    $(it).closest('.tv-container-vertical').scrollTo(it,500);   //this finds its parent container and scrolls it
}

• bd =从容器顶部到所选项目底部的距离
• ch = 内容容器高度