2016-08-16 108 views
4

我做了一個角度指令,當用戶在元素b上滾動時隱藏元素a。它工作正常,但我無法弄清楚這種行爲:不要滾動元素調整大小

enter image description here

這可能是很難說,但實質上,當你滾動滾動條擴展,因爲元素的坐在上面的元素b的底部,所以基本上我滾動的東西有更多的空間可用。之後,我不確定它爲什麼捲起來。下面是完整的頁面的GIF如果這使得它更清楚:

enter image description here

我的指令是寫在打字稿(角1.5.7版本中不2.X),我會努力的將其轉換爲JavaScript但爲了儘快得到這個問題在那裏儘快這裏的ts:

​​

很基本的東西。我如何讓滾動條停止做這個奇怪的東西? 這是a fiddle demonstrating the problem

+0

如果您在一個的jsfiddle MVCE,它會更容易發現問題。 – rm4

+0

當我下班時,當我有正式的事情要做時,從模板的複雜雜亂中提取出來是一件麻煩事。 – bfieck

+1

@ rm4得到提琴亞訂購 – bfieck

回答

0

這不是一個Angular的答案,但爲什麼不只是從流中刪除您的標題欄,使其position: fixed(或absolute)?它不會導致主要內容的迴流,並且您不會遇到任何問題。

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

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

+0

因爲它切斷了卡上的內容。 (https://i.gyazo.com/2646f80bb6038ab8bc26421400edc882.png) 我實際上曾經這樣做過,但後來我需要一個隔離區div或頁邊距,這會再現相同的問題,只是使用不同的元素。 – bfieck