2016-04-06 83 views
1

我想實現滾動功能在聚合物項目的系列紙質標籤的,就像這樣:紙標籤尺寸重新調整滾動=真

<paper-tabs selected = "{{selectedtab}}" scrollable> 
    <paper-tab>Page 0</paper-tab> 
    <paper-tab>Page 1</paper-tab> 
    <paper-tab>Page 2</paper-tab> 
</paper-tabs> 

儘管有我的代碼是scrollable example in the official Polymer documentation一樣,它不適合我。這裏是正在發生的事情:

  1. 當我複製粘貼更多的紙標籤元素,以測試它,它縮小所有的紙標籤的大小以適應新的問題。沒有出現應該出現在紙張標籤元素左側和右側的箭頭。

  2. 當我啓用可滾動功能時,原來的三個紙張選項卡將縮小,而不是覆蓋整個屏幕的寬度。我試着爲每個紙張選項卡設置寬度:170px,但它在啓用可滾動功能之前不會再現該效果。

我該怎麼做才能保持所有元素的寬度相同,以便它們覆蓋整個屏幕的寬度?也就是說,如何在添加更多紙張的時候避免重新調整?

回答

0

這似乎是design

如果爲true,選項卡滾動和標籤寬度是基於標籤 寬度上

的問題是,scrollable將改變風格tabsContent股利,因此選項卡不會彎曲。
當前的解決方法是衡量您的選項卡是否適合您的可用空間,並且如果未設置scrollable屬性。

您還可以在issue tracker中創建問題。