android - polymer TogglePanel 在 iphone 上闪烁-6ren

android - polymer TogglePanel 在 iphone 上闪烁

转载作者：行者123 更新时间：2023-11-29 12:33:43

26

4

我正在尝试使用 polymer 制作单页。这些代码在 android 移动网络和桌面上运行良好，但在 iphone(chrome 和 safari)上，每当我尝试切换菜单栏面板时，屏幕都会闪烁

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>Polymer Single App</title>
<link rel="stylesheet" type="text/css" href="../css/base.css">
<script src="../bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="../bower_components/core-toolbar/core-toolbar.html">
<link rel="import" href="../bower_components/core-menu/core-menu.html">
<link rel="import" href="../bower_components/core-item/core-item.html">
<link rel="import" href="../bower_components/core-icons/core-icons.html">
<link rel="import" href="../bower_components/core-scaffold/core-scaffold.html">
<link rel="import" href="../bower_components/core-header-panel/core-header-panel.html">
<link rel="import" href="../bower_components/core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../bower_components/paper-item/paper-item.html">

<body unresolved fullbleed>
<core-drawer-panel id="drawerPanel" rightDrawer forceNarrow>
  <core-header-panel main>
    <core-toolbar id="mainheader">
      <div flex>
        <img src="../images/logo.png" width="152" height="32">
      </div>
      <paper-icon-button id="navicon" icon="menu"></paper-icon-button>
    </core-toolbar>
    <div class="content">
      If drawer is hidden, press button to display drawer.
    </div>
  </core-header-panel>
  <core-header-panel drawer>
    <core-toolbar id="navheader">
      <span>Menu</span>
    </core-toolbar>
    <core-menu>
      <core-item label="One"></core-item>
      <core-item label="Two"></core-item>
    </core-menu>
  </core-header-panel>
</core-drawer-panel>
</body>

<script>
document.addEventListener('polymer-ready', function() {
  var navicon = document.getElementById('navicon');
  var drawerPanel = document.getElementById('drawerPanel');
  navicon.addEventListener('click', function() {
    drawerPanel.togglePanel();
  });
});
</script>
</html>

谢谢!

最佳答案

尝试使用以下 CSS:

* {
-webkit-tap-highlight-color: transparent;
}

关于android - polymer TogglePanel 在 iphone 上闪烁，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26943549/

26

4

0

文章推荐： mysql - 如何使子查询的mysql查询将2个结果合并为1个结果

文章推荐： ios - 使用大量 bean 更快地初始化 Typhoon 工厂

文章推荐： postgresql - 在别名上使用聚合函数？

android - 来自位图源的图像的 LazyColumn 闪烁/闪烁
我是 Jetpack Compose 的新手。我目前正在开发一个聊天应用程序。我要求用户从图库中选择图像或从相机中拍照。然后我将文件 Uri 保存到数据库中，然后收听所有消息的列表。更新此列表时，此图
css - 每个无限 CSS3 动画结束时出现毛刺/闪烁/闪烁
强制性代码，但 jsFiddle 准确地演示了这个问题。我有一个在 3 秒内扩大和淡出的圆圈。声纳风格是我的意图。问题是动画完成后它会快速“闪烁”然后重新开始。请在此处查看问题:http://jsf
javascript - CSS 闪烁/闪烁 Logo 技巧
您好，我有一个多种颜色的 Logo ，我想将其用于随机/不稳定的故意闪烁效果。我只能找到其他关于使用淡入/淡出功能进行闪烁技巧的文章。关于如何用 css3 和/或 jQuery 做这样的技巧有什么想法
java - Swing 和 AWT GLCanvas 闪烁/闪烁
我正在使用 Swing 创建组件并使用 GLCanvas (com.jogamp.opengl.awt.GLCanvas) 创建我的窗口。接下来就是问题了在初始状态下，一切正常，但是当我拖动窗口调
javascript - 在 Android 上使用 JQM 和 PhoneGap 闪烁/闪烁
我将 PhoneGap 2.2.0 与 jQuery Mobile 1.2.0 结合用于我在 Android 平台(版本 2.3.3 及更高版本)上的应用程序。在我使用固定标题的页面上，根本没有转换。
javascript - 使用 JavaScript 使用图像和文本更新页面后，iPad 上 Chrome 中的网站闪烁/闪烁/闪烁
在我们使用 JavaScript 向页面添加图像或文本后，我们的网页在 iPad 上闪烁。我们尝试了 -webkit-backface-visibility:hidden; 的各种组合； -webki
Java SwingWorker 闪烁
有人能告诉我为什么在这个使用 SwingWorker 的简单演示中，屏幕闪烁，好像按钮不断跳跃一样？ (关于改进多线程部分的反馈也值得赞赏)。 import java.awt.EventQueue;
Delphi TStringGrid 闪烁
我正在运行时从 CSV 文件向字符串网格添加多行，但是 StringGrid 在更新时似乎会闪烁很多，我认为会有一个 beginupadate/Endupdate 命令来停止此操作。但是我找不到它。有
qt - 如何让QT文本每隔几毫秒出现一次(闪烁)
我的窗口中有一个文本元素，我希望它每隔几秒或几毫秒闪烁一次或出现并消失。我的代码是: import QtQuick 2.6 import QtQuick.Window 2.2 Window {
qt - 如何让QT文本每隔几毫秒出现一次(闪烁)
我的窗口中有一个文本元素，我希望它每隔几秒或几毫秒闪烁一次或出现并消失。我的代码是: import QtQuick 2.6 import QtQuick.Window 2.2 Window {
ios - UIButton不会在每次点击时“闪烁”
我在UIButtons中有3个UIView，它们具有相同的文本颜色和相同的背景颜色。轻按三个按钮即可触发相应的事件。但是只有其中之一会响应触摸而“闪烁”。其他两个会发生什么？它们有时(但很少)具有“闪
ios - UIRefreshControl 闪烁
我在 iOS 8 下实现 UIRefreshControl 时遇到了一种闪烁。每次我第一次到达 tableView 的顶部时(即应用程序刚刚启动时)，我都会看到下面的 gif 中显示的闪烁。这不会发生
jquery fadein 闪烁
我希望有人能帮助我。我遇到以下问题: http://jsfiddle.net/zhPAF/ 标记: About Us
jQuery悬停()闪烁/淡入淡出
当鼠标悬停在图像“A”上时，尝试让图像“B”覆盖在图像“A”上。理想情况下，我希望它淡入。 HTML: jQuery:
c# - TabControl 闪烁
我有一个 TabControl，我可以在其中添加/删除多个 TabPage。当我添加足够多的页面以至于必须显示导航按钮时，我遇到了闪烁问题。当导航按钮(左右导航的 2 个箭头)未显示时，我根本没有
c# - BufferedGraphics 闪烁
我尝试实现自定义双缓冲，但它会导致闪烁。这是控件(继承自Control的自定义控件)构造函数中的代码: bufferContext = new BufferedGraphicsContext();
javascript - 用户滚动到页面底部后向上滑动页脚 - 闪烁
我有以下代码: var footer = $('.footer'), extra = 0; // footer.css({ opacity: '0', display: 'block' });
Java JPanel 闪烁
我遇到了与 JPanel 中闪烁相关的问题。不知道为什么， window 里的球时不时地闪烁。我尝试了几种方法，比如双缓冲、BufferStrategy、Canvas，但都不起作用。主要思想是使用线程
c++ - OpenGL 闪烁？
我试图在 OpenGL 中绘制一些文本，而程序绘制立方体或任何 Opengl native ，因此，当我尝试将文本放在屏幕上时，它闪烁得非常快，我不知道为什么，我试图改变 sleep 值什么都没有..
java - LibGDX 闪烁
我已经使用 LibGDX UI Setup 启动了一个项目。我在 implements ApplicationListener 中唯一拥有的是: public void create() {

首页

博学

6Ren·AI

商城

android - polymer TogglePanel 在 iphone 上闪烁