Polymer 使用聚合物的水平涡旋

图像中的

部分表示人们也在搜索
，其中有一个可滚动的水平项目列表。我不得不用聚合物做同样的事情，但找不到类似的东西。我已经实现了垂直列表，但不确定水平列表。
另一个问题是，在这种情况下是否可以使用类似viewpager的组件？纸张选项卡不提供此功能，但滑动手势不起作用。只有单击某个选项卡，页面才会更改。
谷歌搜索中的可滚动建议框是一个简单的框，具有水平滚动溢出（并且不像选项卡视图中那样分页）。建议框的滚动部分可以通过两个嵌套的
div
容器轻松实现，外部的
div
使用
overflow-x:auto
样式，内部的
div
使用
空白：nowrap
样式，如本例所示：

<div style="overflow-x: auto">
  <div style="white-space: nowrap">
    <template is="dom-repeat" items="[[suggestions]]">
      ...
    </template>
  </div>
</div>

html{
字体系列：Roboto、Arial、Helvetica、无衬线字体；
}

x-建议{
宽度：350px；
}
：主持人{
显示：块；
背景：#f8f8；
颜色：#6A6A；
垫底：1毫米；
}
.头衔{
保证金：0；
填充：1rem 1rem 1rem 1.3rem；
}
.反馈{
文字装饰：无；
字体：斜体；
颜色：#6A6A；
保证金：1rem；
}
.建议{
文字装饰：无；
字体大小：粗体；
颜色：黑色；
}
.建议{
溢出-x：自动；
}
.建议{
空白：nowrap；
}
.建议箱{
显示：内联flex；
保证金：0.2rem；
填料：1米1米1米1米0.5米；
边框：实心1px#ddd；
边界半径：2px；
}
.标题{
显示器：flex；
边框顶部：实心2px#e9e9e9；
}
.关闭btn{
背景：透明；
边界：无；
保证金：10px 10px 10px自动；
字号：1rem；
颜色：#6A6A；
光标：指针；
}
.图标搜索{
颜色：#717171；
--铁图标高度：28px；
--铁图标宽度：28px；
}
人们也搜索
✕
也许你想看看这个代码实验室——它显示了使用聚合物（2.0）实现可旋转图像转盘的热度，可以帮助你找到解决方案。