Tag: css

如何防止移动铬的下拉刷新: 我想防止下拉刷新移动铬（特别是iOS铬）。我的Web应用程序具有设备宽度和设备高度视口的垂直平移事件，但每次平移时，由于浏览器的默认function，手机浏览器会刷新自身。另外，在Safari浏览器中，在平移事件期间屏幕正在滚动。我想要禁用这些动作。当然，我试过event.preventDefault（）; 和触摸动作：无; 但是看起来不行。我应该添加eventListner和触摸动作“身体标签”？我希望有用的例子。

iOS css -webkit-transform：缩放不会抵消触摸事件: 我有一个我需要拉动在iOS设备上显示的iframe。 iframe的内容不在我的控制之下，并且不以任何方式响应（固定为800×600）。所以我想缩小iframe以在iOS视口中显示它。使用-webkit-transform: scale(0.4)我可以缩小它，但现在触摸事件都是错误的（例如，触摸表单元素不会popup打开键盘）。如果在缩放之前触摸元素所在的位置，则会起作用。有没有办法纠正触摸事件的偏移量？

溢出 – y不工作在模式中的Safari浏览器: 好的这里是html： <div style="height: 200px; position: relative;" id="filterOptionsContainer"> <table id="filterOptionsTable" class="table table-striped table-hover"> </table> </div> 基本上，我dynamic地添加行到表，我想容器滚动溢出。首先，我试图明显的： #filterOptionsContainer { overflow-y: auto; } 除了ios移动设备上的Safari之外，它在任何地方都可以正常工作。从那时起，我花了几个小时尝试每个我能想到和阅读的样式组合，但是我无法获得标准的溢出滚动。我得到的最接近的滚动条显示（它实际上并没有滚动）。所有的帮助表示赞赏。我很难相信，在Safari中无法滚动模式中的div的内容… 编辑：仍然在这个问题上。我需要解决它。

如果我使用-webkit溢出滚动，div滚动有时会冻结: 如果我使用-webkit-overflow-scrolling滚动div，它滚动完美与本地势头。但是，div本身有时会冻结，不会响应我的手指移动。 2-3秒后，再次滚动。我不知道我是如何再现这个问题的。但是，正如我所看到的，有两种主要的行为造成了这种情况。首先，如果我等了一会儿，例如20秒，触摸div，它不响应。我等了几秒钟，然后又重新开始工作。其次，我很快摸了好几次，然后变得冻结了，几秒钟之后又重新开始工作。我怎样才能防止这种冻结？

基于触摸设备的下拉菜单: 我在我的网站上有这个导航栏，它不会在我的iPod touch上下拉，我怀疑iPhones和iPad也是如此。这是其中的一页我想知道是否有任何快速修复启用触摸/hover。 CSS

iPhone X上的WKWebView页面高度问题: 我发现如果我用WKWebView viewport-fit=cover 和 body :{height:100%} html body的高度仍然达不到iPhone X的底部，等于safeArea的高度，但背景色可以覆盖全屏。 https://ue.qzone.qq.com/touch/proj-qzone-app/test.html 我在一个全屏的WKWebView中加载这个页面来重现这个问题。

从iOS上的htmlinput中删除select灰色阴影: 我目前正在为我的iOS应用程序的HTML富文本编辑器，所以，设置很简单，我有一个UIWebView加载我的编辑器代码，HTMLinput是一个'contentEditable'DIV 。问题是每次我select这个div来input一些文本时，input框上会出现一个浅灰色的框，告诉用户文本框已经被选中。注意：您可以在此快速video中看到效果我的问题是：如何删除这个浅灰色的框架？我的HTML文件如下： <html> <head> <style type="text/css"> :focus{ outline:0px solid transparent; } DIV::-moz-focus-inner { background-color:#ff0000; border: 0; padding: 0; } ul{ margin-left:-10px; } ol{ margin-left:-10px; } blockquote { border-left:#ff0000 5px double; margin-left:0px; } </style> </head> <body onload="addImgAttributes();checkBlockquote();" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"> <div id="content" class="content" contenteditable="true" style="font-family: Helvetica; background-color:#fff; color:#000; height:258px;" […]

在cocos2d中获取CCSprite的绝对位置: 在我的游戏中，我有一个CCSprite ， CCSprite另一个CCSprite ，就像绕着核心运动的电子一样。我有电子作为核心的一个孩子，使animation更简单。我所要做的就是旋转核心，电子跟随套件相当好。然而，我的问题来自想要让轨道animation显得有些时髦，通过添加类似粒子系统轨迹的东西，或跟随电子path的带状效应。我不能简单地将一个粒子系统添加到电子本身，因为粒子不能正确地遵循，因为它们也被primefaces核旋转。如果我将粒子系统添加到self ，那么它们看起来是正确的，但不是与它们应该跟踪的对象相同的位置。我的问题是这样的：有没有办法获得一个物体的场景位置，比如说电子，而不是只能访问它相对于它的父母的位置？谢谢。

如何使CSS的一方尖锐的指向？: 我试图创build一个像这样的尖尖的button：到目前为止，我只能做到这一点：我认为增加水平的边界半径会使它变得尖锐，但是这样做会使圆度变长。 HTML <a class="button">Back</a> CSS .button { display: inline-block; height: 3em; padding: 0 0.7em 0 1.4em; border: 0.1em solid black; border-radius: 3em 0.4em 0.4em 3em / 1.5em 0.4em 0.4em 1.5em; background: -moz-linear-gradient( top, #fff, #ccc ); }