仅在滚动时保持固定 div 并取决于父 div 高度

Question

我想在滚动时固定左右 div。它仅在滚动时固定并取决于父 div。我想做一些like this。 在该网站上，左侧的类别 div 在滚动时是固定的，并且仅在父 div 内固定。不超过 div。

这是我的sample plunkr。我想在我的网站上做同样的事情，也修复了左右 div。 是否可以通过angularjs 而不是jquery 完成？

谁能帮帮我？

Answer 1

我不确定是否可以使用 angularjs 来完成，因为我还没有真正研究过它，但是使用它可以很容易地完成

var fixmeTop = $('.fixme').offset().top; // 获取元素的初始位置

$(window).scroll(function() { // 分配滚动事件监听器

var currentScroll = $(window).scrollTop(); // get current position

if (currentScroll >= fixmeTop) {           // apply position: fixed if you
    $('.fixme').css({                      // scroll to that element or below it
        position: 'fixed',
        top: '0',
        left: '0'
    });
} else {                                   // apply position: static
    $('.fixme').css({                      // if you scroll above it
        position: 'static'
    });
}

});