不要滚动元素调整大小

Question

我做了一个角度指令，当用户在元素b上滚动时隐藏元素a。它工作正常，但我无法弄清楚这种行为：

这可能是很难说，但实质上，当你滚动滚动条扩展，因为元素的坐在上面的元素b的底部，所以基本上我滚动的东西有更多的空间可用。之后，我不确定它为什么卷起来。下面是完整的页面的GIF如果这使得它更清楚：

我的指令是写在打字稿（角1.5.7版本中不2.X），我会努力的将其转换为JavaScript但为了尽快得到这个问题在那里尽快这里的ts：

​​

很基本的东西。我如何让滚动条停止做这个奇怪的东西？ 这是a fiddle demonstrating the problem。

Answer 1

这不是一个Angular的答案，但为什么不只是从流中删除您的标题栏，使其position: fixed（或absolute）？它不会导致主要内容的回流，并且您不会遇到任何问题。

.slideUp { 
    /* ... */ 
    position: fixed; 
} 

https://jsfiddle.net/e8j938g8/3/