CSS动画在手机上的跳转问题

文章/答案/技术大牛

发布

1回答

css

所以我对我做的这个手风琴的移动视图有一个问题。一旦你点击了菜单和主要内容，当你在不同的元素之间选择时，在动画运行之前会有轻微的跳跃。我不知道为什么它会这样做，或者它是否可以与我使用的动画计时有关，所以欢迎任何建议。查看我所做的工作的最简单方法是在下面的CodePen链接上。

浏览 20提问于2021-01-26得票数 0

回答已采纳

1回答

SVG字动画

svg

我有一个移动应用程序，涉及到移动文本的方式。我使用了css3动画，它在手机上看起来很落后。我选择使用svg作为动画。如何在svg中实现块动画。我是新来的。

浏览 3提问于2015-09-23得票数 3

回答已采纳

1回答

CSS动画不工作在手机上

html、css、mobile

我有这个代码，它工作在我的个人电脑浏览器，和Galaxy Note 4手机。它激活了一个SVG元素。但是当我在Moto手机(Chrome浏览器)上测试时，它不起作用。有人知道为什么吗？

浏览 4提问于2015-06-27得票数 0

回答已采纳

1回答

从我的jQuery插件中删除延迟

javascript、jquery、css、animation

我的jQuery插件中有一个问题。它增加了动画类，改变了DOM元素和contain中的内容。有时，可以看到延迟，特别是在手机上。我怎样才能消除延迟和延迟呢？setInterval和动画具有相同的持续时间

浏览 3提问于2016-08-16得票数 0

3回答

使用Mobile Safari实现jQuery动画性能

javascript、jquery、html、mobile-safari、jqtouch

Short description of post content </li> function showDesc(id){}"desc1“隐藏在CSS中，并在用户单击帖子标题时显示(我只是在做

浏览 3提问于2011-10-26得票数 3

回答已采纳

1回答

角度材质对话框动画在移动设备上非常慢

android、angular、google-chrome、animation、angular-material2

在我运行棉花糖的Xperia M5上，angular material对话框的打开动画在chrome中很糟糕，甚至在上也是如此。有没有办法只在手机上禁用对话框的动画？我已经看过了，但它建议禁用所有动画，并且CSS解决方案不起作用。附言:我正在运行Angular 5，一切都更新到稳定状态。

浏览 8提问于2018-01-24得票数 10

1回答

优化动画，在统一移动平台上显示数十甚至数百个动画

animation、optimization、mobile、unity3d

我得到了一些动画士兵模型，并计划有几百人在现场。问题是，在手机上，如果不让FPS低于20，我连一次都不能显示50。我已经在联合论坛上问过这个问题，但没有回答：我从来没见过一款手机上有几十个动画的游戏。我见过的最接近的是FIFA足球世界，但只有20到30岁.你认为有可能比我更多地优化动画(如链接中所示)，还是不可能在手</em

浏览 2提问于2016-12-06得票数 0

回答已采纳

4回答

如何使用jquery和css3在移动平台上实现平滑淡入淡出动画？

javascript、jquery、html、css

我知道我可以在jquery中淡入或消失，但在手机上，它会很紧张，就像低fps之类的。经过大量的搜索，我发现我可以使用css3转换到opacitiy 0，但问题是元素本身仍然有位置。即使能见度:没有，它将保持原来的空间。唯一的办法是使用显示:没有，但我知道，我不能动画。那么，有什么方法可以通过jquery和css3的结合在移动平台上实现流畅的淡入和淡出动画呢？甚至只

浏览 16提问于2015-12-23得票数 6

回答已采纳

1回答

Android -移动布局/图像视图的正确方法

android、android-layout

首先，为我的英语道歉。我开始用安卓开发游戏，我做了一个类似于朋友婚礼()的测试。在不同的设备上测试，我看到的是：在三星的Galaxy和Neo N003中(我想这会发生在更多的设备上，不管是安卓的版本)，当鲨鱼从龙卷风中发射出来时，它们不是可见的(但它们击中了播放器)。以下水鲨鱼为例，但基本上问题主要集中在移动任何布局/ Imageview。也许问题不是我所做的方式，也许是我如何计算位

浏览 2提问于2014-08-13得票数 0

回答已采纳

2回答

为触摸/点击移动启用悬停

javascript、jquery、css、twitter-bootstrap、bootstrap-4

所有的东西都以桌面视图的方式工作，但是显示在桌面上悬停的DIV并没有显示在移动视图中。我想在移动/平板电脑上展示DIV的触控/点击功能。根据一些建议，我在:hover之后也尝试过使用:hover，但这是行不通的。 <p>We are going to build another sets of css hover image effects with CSS3 animations

浏览 3提问于2020-05-31得票数 0

1回答

如何让我的ui-view在Angular中响应？

javascript、html、css、angularjs、responsive-design

在手机上，只有列表应该是100%宽度可见的。单击时，应显示内容，如下所示。我的问题是，在Angular中做这件事的最佳实践是什么？目前我正在用enquire.js做这件事，但这远不是最优的。").css('width', '100%'); $(".viewback").css('visibility'

浏览 0提问于2015-04-30得票数 0

1回答

Javascript和媒体查询

javascript、css、media-queries

我想在下面的JS中添加某种媒体查询，比如在手机上或者屏幕上<767 so，高度只会动画到280 so。如果能用CSS实现这一点，也会感兴趣。

浏览 7提问于2011-07-28得票数 1

1回答

在Chrome上没有为Z转换执行动画

html、google-chrome、css、css-transitions

我试图使用以下CSS代码在Z轴上为HTML元素创建一个简单的动画：-webkit-transform: perspective(100px) translate3d(0px, 0px, -20px); 问题是动画不是为Z轴执行的(只是动画应该结束时的突然跳转)。如果我切换轴，例如X，那么动画的<

浏览 3提问于2013-04-07得票数 0

回答已采纳

1回答

内容动态添加时平滑的Div展开和滚动

javascript、jquery、css、html、scroll

一旦div的大小大于它的容器，它当然会扩展到容器，从而在容器上创建滚动条。所以那部分没问题。带有滚动条的容器不是页面，滚动条显示在父div上。另一个问题是，当div扩展到容器时，我可以很容易地使用javascript向下滚动容器，但是，再一次，它是一个瞬间跳转，一遍又一遍地观看，这不是很愉快。我正在寻找一种方法来解决这个问题，让div平滑地展开以包含新的段落，如

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

1回答

.hover()不适用于触摸

javascript、jquery、html

要显示div的类'animate‘只在很短的时间内可见。有人知道我该怎么解决这个问题吗？

浏览 1提问于2017-05-22得票数 2

1回答

如何避免我的wordpress网站被裁剪？

html、css、wordpress

我创造了一个wordpress主题，但我在手机上遇到了一个问题。标题设置为页面的100%，主要内容为980 it，并且是居中的。我需要一个修复，所以我的标题将是至少20 be左和20 be右比主要内容宽。我在手机上需要的东西：我在手机上得到了什么：

浏览 2提问于2014-04-10得票数 1

回答已采纳

1回答

将精确的动画从桌面转换为手机(FRAMER API)

javascript、reactjs、animation、framerjs、framer-motion

所以我遇到了这个奇怪的问题。所以我使用框架API的React和动画页面。所以我在做什么:在特定的ScrollY上，比如说900，一些动画弹出。然而，当有一个flexbox时，它在手机上看起来就不同了(一行中有一个元素，而在桌面上是一行中有4个元素)。因此，桌面和手机上的确切位置将不匹配，这导致动画弹出不及时。是否有人遇到了同样的问题?

浏览 0提问于2020-12-18得票数 0

1回答

如何在Elementor中通过粘性菜单固定跳转页面和页面覆盖？

css、mobile、responsive、sticky、elementor

我正在使用Elementor中的粘性菜单。在台式机上这是可以的。在移动设备上，粘性的标题/菜单覆盖了第一个元素，但当我滚动时，元素/页面会向下跳转并留下空白。当我固定间距使其最初可见时，会有更多的空白。我如何停止跳跃，这样我才能调整间距？在手机上查看: duecucina.com/about-us/

浏览 0提问于2019-04-05得票数 0

1回答

我在应用商店上的贴纸没有动画

ios

当我用x代码中的similator测试我的贴纸包时，它们是动画的，但当我在手机上下载它们时，它们不是动画。为什么会这样呢？它们过去通常是动画，但现在不是了。

浏览 14提问于2017-08-30得票数 0

回答已采纳

1回答

不带再流的剪辑HTML元素

css、css-animations

我想在动画中剪辑HTML元素的内容，但不触发重构。有人知道这是否可能吗？is a div<br> Moar moar moar<br> C'est ca使用以下CSSJavaScript： document.querySelector('div').classList.togg

浏览 7提问于2014-09-04得票数 1

回答已采纳

点击加载更多