当DIV滚动到视图中时，hHover元素

Question

正如标题所说，我想要一个关于如何在我想要的div滚动到视图中时悬停元素的建议。 我已经尝试过类似的东西：

function isScrolledIntoView(elem) {
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}
  $(window).scroll(function(){

    if (isScrolledIntoView('.class') === true) {
        $('.class').addClass('in-view')
    }
    else { $('.class').removeClass('in-view'); }

但它并不适合我的需要，所以我要求一个更好的解决方案，如果它是一个。我想要一些像右边菜单的东西：

developers.google.com/maps/documentation/javascript/tutorial。感谢。