草庐IT

webkit-transition

全部标签

javascript - 如何使用 $transitions?

目前,我正在使用:“Angular用户界面路由器”:“^0.4.2”“Angular”:“^1.6.3”"webpack":"^2.4.1"我知道我当前的实现可能是deprecated,只是寻找新方法的实现(示例或文档)。非常感谢任何帮助,提前致谢!当前实现:'usestrict';module.exports=angular.module('common',['ui.router','angular-loading-bar',require('./header').name,require('./sideBar').name,require('./footer').name]).ru

javascript - CSS transition 不同的行为取决于浏览器类型

在我的代码中,我根据当前鼠标的X和Y位置更改了一些元素的位置。我添加了一个csstransition:all5000ms;让动画更流畅。在GoogleChrome(第63版)中它看起来很棒并且按预期工作,但在InternetExplorer和Firefox中动画看起来滞后/断断续续这是我的代码://$('.shape').css("transition","all7000ms");$(document).mousemove(function(e){letmX=e.clientX;letmY=e.clientY;$('.shape-1').css("transform","transla

javascript - D3 : When I add a transition, 我的鼠标悬停停止工作...为什么?

如有任何帮助,我们将不胜感激。基本上,在我向折线图添加过渡之前,鼠标悬停效果很好。过渡将圆圈的不透明度从零变为一。vardots=svg.selectAll('circle').data(data).enter().append('svg:circle').attr('cx',function(d,i){return((width-tickOffset)/(data.length-1))*i;}).attr('cy',function(d){returny(d.value);}).attr('r',4).attr('class','circle').style('opacity',0)

javascript - Webkit 错误 : Overflow auto triggered after resizing a child element to matching size

我有以下简单设置:document.getElementById('inner').addEventListener('click',({target})=>{target.classList.add('match');});#container{background:green;overflow:auto;width:200px;height:100px;}#inner{width:210px;height:110px;}#inner.match{width:200px;height:100px;}单击内部元素后,我希望父元素上的滚动条消失,因为这两个元素现在具有匹配的大小。这在Fi

Javascript webkit-假网址

Id将图像(例如)从剪贴板粘贴到webkit可编辑内容区域时,源代码如下所示:webkit-fake-url://DCAC99B9-BA40-4BA7-A419-9C60AAB081DA/image.png能够通过javascript访问图像并将其与文本一起发送回服务器吗? 最佳答案 显然,您可以对事件监听器使用任何抽象;我提供了一个未抽象的版本;这也将排除IEif('addEventListener'ineditableElement){editableElement.addEventListener('paste',functi

javascript - jQuery 为 WebKit(chrome)和 Firefox 中的相同对象返回不同的高度

我对这个感到困惑。jQuery.height()在Firefox和Chrome中以不同的值回归。测量屏幕上的像素表明,在两者中,Chrome似乎报告了正确的值,而firefox每次都偏离了2或3个像素。有没有其他人遇到过这个问题?我已经尝试使用各种jQuery高度函数(innerHeight、outerHeight、height)获取高度,但都无济于事。我已经删除了所有可能会干扰高度值的css样式(所有填充、边框、边距等),但我仍然得到不一致的结果。如果有帮助,我正在处理表格单元格。该代码在第一个表格旁边创建了第二个表格,然后匹配每行的高度以在表格上创建一种“粘性”左手列。单元格具有不

javascript - 如何在 Cocoa/WebKit 应用程序中从 Javascript 调用 Objective-C 方法?

我有一个Cocoa应用程序,它使用WebView来显示HTML界面。我将如何从HTML界面中的Javascript函数调用Objective-C方法? 最佳答案 这记录在developer.apple.com. 关于javascript-如何在Cocoa/WebKit应用程序中从Javascript调用Objective-C方法?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9

javascript - 如何使用 $transitions 服务获取 toState 参数? (新的用户界面路由器)

我正在使用ui-router1.0.0-alpha.3.老事件aredeprecatedthere.所以我正在尝试转换$rootScope.$on('$stateChangeStart',(event,toState)=>{//...});使用$transitions.onStart钩子(Hook)做事的新方法-$transitions.onStart({},function($state,$transition$){//...});在这种情况下,我在哪里可以获得toState参数? 最佳答案 为此使用$transition$.$t

javascript - react 中的 "Cannot update during an existing state transition"错误

我正在尝试执行本ReactJS教程的第15步:React.jsIntroductionForPeopleWhoKnowJustEnoughjQueryToGetBy作者推荐如下:overflowAlert:function(){if(this.remainingCharacters()Oops!TooLong:);}else{return"";}},render(){...{this.overflowAlert()}...}我尝试执行以下操作(我觉得没问题)://initialized"warnText"inside"getInitialState"overflowAlert:func

javascript - CSS 加载动画在 NW.js (node-webkit) 中没有动画

Hereisajsfiddle我的CSS加载动画正常工作。但是,当我在我的node-webkit应用程序中使用相同的代码时,SVG路径和颜色是静态的并且不显示任何动画。经过一些研究,我尝试添加"chromium-args":"--enable-threaded-compositing"根据thisissue的解决方案到我的package.json文件.不幸的是,这并没有解决我的问题。根据thispost中第二个答案的建议,我正在为我的加载屏幕使用CSS动画。.我的动画是thisCodePen的略微改动版本.有没有人遇到过NW.js中的CSS动画的类似问题?此动画可能无法正常工作的任何原