草庐IT

webkit-animation

全部标签

javascript - jQuery + Animate.css 动画只工作一次,动画不重置

我试图在每次按下按钮时重现特定的动画。具体来说,我正在使用jQuery和animate.css库来实现此效果:单击按钮时,会添加一个类(准确地说是两个类:fadeInDownanimated)添加到我想要设置动画的元素。动画确实可以正常工作,但只有一次。这是为什么?fiddle:http://jsfiddle.net/jqm4vjLj/2/我希望每次单击按钮时都重置动画,即使上一次单击已完成一半。每当我单击按钮时它也应该起作用,而不仅仅是一次。JS:$("#button").click(function(){$("#button").removeClass();$("#button")

javascript - 在 JavaScript 中访问 -webkit- vendor 前缀

如果我正在编写一个JavaScript行来设置一个元素的样式属性,它可能看起来像这样(这个例子:“width”):document.getElementById('myDiv').style.width="50px";如果CSS元素中有破折号,它看起来像这样(这个例子:“margin-top”):document.getElementById('myDiv').style.marginTop="15px";但是如果我想给它一个像这个例子这样的样式,我该如何访问前缀-webkit-:{-webkit-transition:width1s;} 最佳答案

javascript - <input> 有焦点,但无法在 WebKit 中输入

我遇到了一个小问题,过去两个小时一直在调试它。在确定一个新鲜的大脑可能会有所帮助之后,我决定在这里发帖。我知道我应该在这里发布一些代码用于遗留问题,但这个问题涉及大量代码,因此提供链接更容易。请查看以下页面:http://ben-major.co.uk/labs/phonee/#overlays.如果您点击Prompt(在Chrome或MobileSafari中),您会看到一个提示框。这是障碍:该字段具有焦点(请参阅白色背景,而不是未聚焦字段的#eee颜色),但是当尝试在该字段中键入任何内容时,尽管该字段具有焦点,但什么也没有发生.我在我的MBP(Chrome)、iMac(Chrome

javascript - Chrome/Webkit inline-block 刷新问题

我发现的问题如下:情况:我的整体div有一个inline-block展示。它里面有两个元素,有一个inline-block也显示。然后我添加(感谢JavaScript)一个在两个元素之间。第二个转到下一行,这是正常行为。有问题的部分:然后被删除(再次是JavaScript)并且......显示不会改变。看起来整体div的box没有重新计算。最后我有两个相似的标记,但它们的显示方式不同(这有点问题,不是吗)。它在Firefox上运行良好(它似乎是基于webkit的,因为Android浏览器的行为方式相同)。所以我的问题是,是否有一种不使用会改变DOM的方法的解决方法?使用的库是jQuer

javascript - 从 Webkit 通知返回给 parent

我正在使用webkitNotifications和createHTMLNotification等在Chrome(Windows)中成功创建通知。现在我真的很想让通知窗口与创建通知的选项卡/窗口(是规范的一部分)进行通信(或至少将焦点设置到)。我意识到此功能仍处于早期阶段,但我想也许有人知道办法。我试过了:window.opener.focus();从通知窗口,但没有用。这个页面...http://www.thecssninja.com/javascript/web-notifications说...“如提案中所述,使用window.opener.focus()将焦点带回调用通知的窗口,

javascript - 如何处理相同子组件中的 React Native animated.timing

父组件:routes.forEach((data,index)=>{content.push()})项目组件:scrollAnimate(toValue){const{offset}=this.props;Animated.timing(this.state.xTranslate,{toValue,duration:20000,easing:Easing.linear,useNativeDriver:true}).start((e)=>{if(e.finished){constnewState={xTranslate:newAnimated.Value(offset)}this.set

javascript - iPad 上的 Webkit 动画性能

基于webkit的转换/动画会影响iPad上的JS性能吗?是否有单独的图形处理器来处理webkit的东西?基本上,我正在开发一个包含一些简单的webkit动画的程序,但其中有很多,我认为我必须取消动画,因为它会使Ipad变慢。 最佳答案 您可以查看ThomasFuchs的文章:MakinganiPadHTML5App&makingitreallyfast他提出的一些观点是图像极大地减慢了速度——摆脱它们避免文字阴影和框阴影避免不透明(干扰硬件加速渲染)使用translate3d,而不是translate(后者并不总是硬加速的)确保使

javascript - Backbone Marionette : Defer view close until beforeClose animation is complete

我正在尝试使用Backbone.Marionette在渲染和关闭ItemView时设置动画。对于渲染View,这是相当简单的:MyItemView=Backbone.Marionette.View.extend({...onRender:function(){this.$el.hide().fadeIn();}...});这将使我的View在渲染时淡入。但是假设我想在关闭时淡出我的观点。beforeClose:function(){this.$el.fadeOut();//doesn'tdoanything....}这是行不通的,因为该项目在调用this.beforeClose()后立

javascript - webkit (Safari/Chrome) 中的选择范围

我正在使用内容可编辑的iframe在javascript中创建语法高亮器,最重要的事情之一是能够正确缩进代码。以下代码在Firefox中运行正常://Createoneindentcharactervarrange=window.getSelection().getRangeAt(0);varnewTextNode=document.createTextNode(Language.tabChar);range.insertNode(newTextNode);range.setStartAfter(newTextNode);它创建一个制表符并将光标移动到该字符的右侧。在Chrome和Sa

javascript - -webkit-tap-highlight-color : rgba(0, 0,0,0);在一个股利?

有什么方法可以将它应用到div上吗? 最佳答案 您在为iPhone/智能手机网站撰写文章吗?如果是这样,那么是的。但您可能只会在手机/模拟器上看到结果。我认为这个元素只能用在链接或javascript元素上。div必须受到某种脚本的影响,或者是一个链接。https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSi