草庐IT

webkit-transition-duration

全部标签

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

javascript - 从 FF/Webkit 中的像素位置创建折叠范围

我想使用JavaScript从像素位置创建一个折叠范围,以便在文档流中在此位置标识的范围之后插入新节点。这可以通过InternetExporer中的TextRange对象(moveToPoint(x,y)方法)来完成。我如何在FireFox和Webkit中执行此操作?我可以从document.elementFromPoint(x,y)的位置获取容器元素。但是,当位置恰好位于文本节点内时,如何获取有关构建范围所需的文本偏移量的更多信息? 最佳答案 这是我为旧浏览器实现的caretRangeFromPoint:if(!document.

javascript - react native : How to do a "shared element/zoom" transition using navigator?

是否可以像this那样进行“共享元素/缩放”转换?在使用导航器reactnative?特别适用于图片库/模式之类的东西。https://github.com/codepath/android_guides/wiki/Shared-Element-Activity-Transition 最佳答案 “目前React不支持在组件层次结构的不同部分重用原生View,这使得在纯JS中实现共享元素转换变得困难。”查看以下链接:https://github.com/brentvatne/hard-react-native-problems/iss

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样式(所有填充、边框、边距等),但我仍然得到不一致的结果。如果有帮助,我正在处理表格单元格。该代码在第一个表格旁边创建了第二个表格,然后匹配每行的高度以在表格上创建一种“粘性”左手列。单元格具有不