Question

我正在尝试在Polymer项目中为一系列纸质标签实现可滚动功能，如下所示：

<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的代码相同，但它对我不起作用。以下是发生的事情：

当我复制粘贴更多纸张标签元素进行测试时，它会缩小所有纸张标签的大小以适应新标签。应该出现在纸张标签元素左侧和右侧的箭头不会出现。
当我启用可滚动时，原来的三个纸张标签会缩小，而不是覆盖整个屏幕宽度。我尝试为每个纸张标签设置宽度：170px，但在启用可滚动之前不会再现效果。

我可以做些什么来保持所有元素的宽度相同，以便它们覆盖整个屏幕宽度？也就是说，如何在添加更多纸质标签时避免重新调整？

Answer 1

这似乎是design：

如果为true，则选项卡可滚动，选项卡宽度基于标签宽度

问题是scrollable会改变tabsContent div的样式，因此标签不会弯曲。
目前的解决方法是衡量您的标签是否适合您的可用空间，如果没有设置scrollable属性。

您还可以在issue tracker。

中创建问题

尽管滚动= true

1 个答案: