Question

在我的手机上，当我触摸元素时，paper-ripple会触发，而不是选择某些内容。

我注意到这也是同样的行为https://stackoverflow.com/a/20502049。但是，这与when using the element catalog paper ripple demo on my cell phone上的行为不同。

对于触摸屏 - 我如何制作像谷歌设计网站那样的纸张波纹行为，当选择某些内容而不是触摸时，波纹只会触发？

<template is="dom-if" if="{{show}}">
  <section class="relative enabled-hover"
    data-name="portfolio"
    on-tap="jumpToPage">

    <div class="vertical layout">
      <div>
        <div>
          <h2 class="section-title">Portfolio</h2>
        </div>
        <br>
        <br>
        <div class="layout horizontal center-center">
          <iron-icon class="big" icon="build"></iron-icon>
          <iron-icon class="big" icon="cloud-circle"></iron-icon>
          <iron-icon class="big" icon="http"></iron-icon>
        </div>
      </div>
    </div>
    <paper-ripple
      fit
      id="ripple"
      initial-opacity="0.95"
      opacity-decay-velocity="0.98"
      hidden$="{{hideRipple}}">
    </paper-ripple>

Answer 1

涟漪意味着在交互时向用户提供视觉反馈。元素目录演示显示在菜单项上进行选择时的纹波。如果你想在按钮和晶圆厂上关闭纹波，我相信所有都支持noink属性。

如果您只是希望图标出现波纹，请尝试使用https://elements.polymer-project.org/elements/paper-icon-button而非铁图标，然后移除纸张波纹。

纸涟漪触摸而不是选择

1 个答案: