Safari:在滚动上使用css动画时文本抖动

文章/答案/技术大牛

发布

1回答

javascript、html、css

在我的单页网站中，我有一些容器具有此属性 transition: opacity 1000ms cubic-bezier(.25, .46, .45, .94; top: 0; left: 0; margin: 0;其中#page是我在固定位置使用的主要包装器).css('transform', 'translate3d(0,

浏览 42提问于2021-05-15得票数 0

1回答

jQuery动画影响下面的内容(铬)

javascript、jquery、css、google-chrome

我已经创建了一个效果，当一排图标在屏幕上可见时运行。它在除Chrome之外的所有浏览器上都能完美工作(令人惊讶！)由于某种原因，Chrome会在每个图标进行动画处理时使其下方的文本发生抖动。我使用padding的目的是希望它只影响div中的内容(使用box-sizing: border-box模型)。我确实为它写了一个修复，它可以在Chrome中工作，但在S

浏览 0提问于2013-10-25得票数 3

1回答

使用JavaScript缩放动画时的抖动文本

javascript、animation、web-animations

当使用缩放来更改包含文本的HTML元素的大小时，文本在动画期间会产生抖动，但只在使用JavaScript库动画的情况下。当动画变慢，文本变小时，抖动是最明显的。这种抖动不会在CSS动画或使用相当新的JavaScript网络动画API的动画中发生。在某些浏览

浏览 4提问于2017-06-09得票数 1

3回答

Javascript动画性能

javascript、jquery

我轻轻地滚动到底部，但当我再次尝试向上滚动时，它滚动得非常慢。我可以做些什么来提高性能？谢谢!").css("width", windowScrollX+windowWidth); $("#mask").css("width", w

浏览 1提问于2012-05-26得票数 0

2回答

抖动视差滚动

javascript、jquery、css

我写了一个网站，使用视差效果，并有一些抖动性能的问题。页面已使用CSS3变换缩放，并在调整大小时，使用JavaScript / jQuery自动调整页面大小。在滚动上，使用包装盒上的滚动位置来定位背景(仅限于内部的视差背景)。使用CSS顶部位置在scroll事件上移动图像背景。图像具有边距偏移，以使其具有图像保持静止的位置的错觉。我已经启用了图形加速，但在滚动时仍然会得

浏览 21提问于2016-08-01得票数 0

回答已采纳

3回答

抖动的CSS动画

css、animation

我只使用HTML/CSS制作了一个饼状计时器动画。任何平滑动画的技巧都将是令人惊叹的。谢谢!

浏览 2提问于2016-12-23得票数 1

1回答

字号动画在safari上不能正常工作。

css、animation、safari

我有一个CSS动画，可以在火狐和Chrome上工作，但在Safari上抖动。它在这个页面上： /* ------------- msg -------*/ from {webkit-box; width: 100%; -webkit-animation: animate-selection 600ms ease-o

浏览 3提问于2017-05-26得票数 2

1回答

滚动错误chrome/firefox上的Animate.css

javascript、css、jquery-animate

滚动时，我使用在元素上植入动画。我的元素具有类.fadeInRight，并且是hidden。当它们出现在滚动上时，我添加了引用的类visible }

浏览 0提问于2014-05-16得票数 0

4回答

CSS过渡，动画有糟糕的性能，行为

google-chrome、css、webkit

特别是如果您使用pages类并使其宽度类似于800px (将$('.pages').css({width: '960px', height: '600px'});粘贴到您的控制台中)。Chrome似乎没有使用GPU。它在初始翻页时使FPS达到峰值，然后以固定的时间间隔下降(使用about:flags启用此功能)：在Safari中尝试一下，你会获得更好的性能，但你会发现动画不同步，经

浏览 1提问于2011-12-13得票数 6

1回答

Firefox 18.0.1 (Mac) CSS转换序列抖动

css、firefox、transition

我在Firefox18.0.1中遇到了一些抖动/毛刺的问题，当我在CSS中使用transitionend对过渡进行排序时。我正在尝试制作动画的对象短暂地跳到结束位置，返回到开始位置，然后继续补间。这在Firefox (Mac)中经常发生，在Safari中间歇性地发生。这也可能发生在Windows Firefox中，但我还没有检查过。你知道这是什么原因造成的吗？

浏览 1提问于2013-02-06得票数 1

3回答

尝试使CSS按钮在悬停时增长，而文本大小保持不变

css

这里有按钮的页面：a.btn { background-color15px; padding-rig

浏览 1提问于2014-08-18得票数 0

1回答

ipad css转换导致字体问题

html、css、ipad-2、css-transforms

我在iPad上做HTML/CSS/Javascript开发。我正在使用css转换来转换图库元素(ul中的li元素)。li包含文本。桌面上的动画效果都很好，但在iPad 2设备上，动画阶段会使字体变得不那么明亮，当动画完成时，字体会恢复正常。区别真的很明显，几乎就像从普通字体变成粗体，再变回来一样。如上所述，这一切在桌面safari上都很好，只有在iPad移动<e

浏览 0提问于2012-06-08得票数 4

1回答

jQuery animate()在火狐中取消选择文本

jquery、firefox、jquery-animate

代码如下： $(this).animate({width:"545px"},500).css("color","#614A3E"); $(this).mouseup(function(e){ });如果我去掉了动画效果，这个焦点事件会选择文本使用动画效果，

浏览 0提问于2009-10-17得票数 2

2回答

用AngularJS制作摇动动画

javascript、jquery、angularjs、ng-animate

'/dashboard'); console.log(res.data.error); ); 使用

浏览 3提问于2016-05-18得票数 1

回答已采纳

0回答

当元素垂直居中时，在滚动中添加内联CSS

javascript、jquery、html、css

我有一个带有CSS动画元素的SVG。使用动画播放状态，我将它们保持在暂停状态，使用jQuery或JavaScript，我想将其更改为仅当SVG在滚动上垂直居中时才运行。我的想法是获取.paused类，让它们都暂停，并用前面提到的内联CSS重写它。

浏览 7提问于2017-06-12得票数 0

1回答

jQuery.animation() iPad在没有动画的情况下移动到端点

jquery、ipad、jquery-animate

我在iPad上获取流畅的左图({jQuery.animate：$VariablePixels})动画时遇到了一些问题。实际上，它根本不是动画:它只是跳到动画的终点。火狐，chrome，safari，IE7和up，一切都很好。但不是在iPad上。我尝试过使用jquery.mobile库。没什么区别。我尝试过使用CSS transform:translate()和它的对等物。没有起作用。我试着使用指针

浏览 2提问于2013-02-20得票数 0

3回答

如何解决桌面浏览器上的背景内容抖动问题？

jquery、html、css、twitter-bootstrap、jquery-mobile

这个问题我想了两次，width: -moz-calc(100% - 16px); /*for firefox*/} 现在，在jquery-mobile我想知道，当jquery -不同页面高度的移动页面之间进行数据转换时</em

浏览 6提问于2015-05-07得票数 1

1回答

在向上滚动的同时，动画标题解页器

javascript、jquery、css

我创建了一个动画标题div菜单，可以在页面加载时向下滑动。我使用动画-延迟延迟动画1秒。当用户向下滚动时，页眉div会很好地改变颜色，但当滚动回滚时，标题会瞬间消失。请帮帮忙。 $('header').addClass("sticky"); $('a&#x

浏览 4提问于2015-03-05得票数 2

回答已采纳

1回答

Safari中的CSS动画延迟错误

css、animation、dom、css-animations

我最近在使用Safari时遇到了一些关于CSS动画的奇怪行为，以及在操作DOM时更新元素位置的失败。我用了一些GIF来说明这一点：在Chrome ()中，当在DOM中更新animation-delay时，浏览器会像您预期的那样更新元素的动画位置。在Safari ()中，当在DOM中更新animation-delay时，浏览器无法更新元素的动画位

浏览 1提问于2016-11-11得票数 5

1回答

在带有<svg>元素的Safari上不能使用ScrollReveal.js

javascript、css、svg、css-transforms、scrollreveal.js

我目前正在使用ScrollReveal.js让一堆小的像素化的盒子在滚动时做一些随机的事情，代码如下：$(document).ready(function(){ window.sr = new scrollReveal(); });它在Chrome上运行得很好，但在Safari为了说明这一点，下面是它在Chrome上的样子：

浏览 4提问于2015-08-11得票数 4

点击加载更多