2016-12-02 65 views
0

有一個答案,這here,但我仍然需要幫助排查的原因是因爲是 - 它消除了滾動條,使一切都很好,它仍然犯規完成向下滾動權。AngularJS - MD-內容雙滾動條問題

它得到接近尾聲,技術上滾動一路下跌,但其滾動過去造成一半眼看到底位觀點。

enter image description here

正如你所看到的,它只要它可以向下滾動並最終滾動更多的則應該是,這導致實際上沒有向下滾動遠遠不夠。

我不知道什麼樣的CSS可以蹬掉這個問題,即使我有兩個滾動條發生。

你可以到網站使用檢查元素here

這是MD-內容的HTML測試:

<md-content layout="column" flex ui-view layout-fill style="background-color:#e2e2e2"> 

    <ng-switch on="data.selectedIndex" class="tabpanel-container" style="background-color:#e2e2e2"> 
    </ng-switch> 

</md-content> 

編輯: 這似乎是做佈局填充的身高= 100%。當它設置爲100%而不是僅僅選擇視圖左側的剩餘部分時,它會佔用視圖chrome總量的100%,然後超出視圖的範圍。如果我將其更改爲80%或東西,我看到它工作正常,但出於顯而易見的原因,我不能只是將其更改爲80%,因爲它會根據不同的設備是不同的

+0

後YOUE代碼或創建一個樣本 – Sajeetharan

+0

標識的愛,如果我知道CSS代碼是導致該問題擺在首位。不要指望我只是傾銷我的整個CSS – Shiny

+0

我仍然堅持這個問題 - 請幫助D: – Shiny

回答

0

我終於找到了爲什麼它是不正確滾動,不知道爲什麼,但如果您的md-toolbar和md-content沒有包含在<div layout="column" layout-fill></div>中,那麼它將無法正常工作。

md-content也需要有佈局填充和彎曲。