具有core-animated-pages 和 Long List的Chip-to-Card模式

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (26)

core-animated-pages当我有很长的列表滚动页面时,我发现很难使用Polymer元素来实现芯片列表到卡片类型模式。我认为困难在于,一旦转换完成,隐藏部分将从布局中取出,我很难找出解决方法。

有谁知道解决此问题的最佳方法?

提问于
用户回答回答于

要使转换顺利运行,首先需要禁用core-animated-pages

core-animated-pages {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

你需要设置列表section再次滚动。

<section style="overflow:scroll">
    <div class="chip-container" hero-p on-tap="{{transition}}">
用户回答回答于
document.querySelector('#mainContainer').scroller.scrollTop = 0;

所属标签

可能回答问题的人

  • 不吃貓的鱼oo

    5 粉丝466 提问6 回答
  • Richel

    8 粉丝0 提问4 回答
  • 人生的旅途

    10 粉丝484 提问3 回答
  • 发条丶魔灵1

    6 粉丝525 提问3 回答

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励