仅在滚动时保持固定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'
    });
}

}）;