我想使用jQuery动画滚动页面，但滚动在CSS中是禁用的，它不允许动画发生：
$('html, body').css({
'overflow': 'hidden',
'height': '100%'
});
$('html, body').animate({
scrollTop: 939
}, 2500);
这就是问题所在：
浏览 0提问于2013-07-09得票数 0
回答已采纳
如何为Dart 2中类似于jQuery fadeIn或fadeOut的HTML元素创建动画
我在animate包中看到了这个dart:html方法。但是，它似乎没有将元素的样式更改为最终状态，因此在动画完成后，元素会立即返回到第一个状态，就像动画启动之前一样。文档中还指出，调用animate不仅会创建Animation类，而且还会调用play()方法，因此动画在创建时会自动播放。
animate包中的dart:html是否使用Web动画，从而根本不改变dart:html元素的样式？如果是这样的话，在动画完成后，如何持久化元素的状态？我可以看到，使用jQuery fadeIn，元素的不透明度不时
浏览 2提问于2018-08-25得票数 2
回答已采纳
我使用了一个带有CSS动画的UIWebView，当主体从alpha 0加载到1时，它会对主体进行动画处理：
NSString *HTML = [NSString stringWithFormat:@"<html> \n"
"<head> \n"
"<style type=\"text/css\"> \n"
"@-webkit-keyframes fadeI
浏览 0提问于2012-07-09得票数 2
回答已采纳
2回答
冲突的JQuery动画
、、、
我正在尝试动画滚动到一个div，同时动画所说的div的高度。滚动和动画都是独立工作的，但不是同时工作。我认为它们之间存在某种冲突。有什么想法吗？
setTimeout(function() {
$("html,body").animate({scrollTop: $(".hublot").offset().top}, 500);
$(".hublot").animate({height:$(window).height()}, 500, 'easeInOutQuart');
}, 500);
浏览 1提问于2013-10-20得票数 0
1回答
我正在用css动画我的网站导航，我的问题是这样的。
// Html file
<html>
<div class="class-one">
// some value
</div>
</html>
// Css file
.class-one {
width: 100px
height: 100px
animation: first-animation paused 7
浏览 4提问于2017-06-16得票数 0
回答已采纳
1回答
我对AngularJS 1.3中动画的使用有疑问，我有一个有完整背景图像和h1，p，输入等的index.html。标签，我想动画的init页面加载，例如，应用一个淡入的效果在开始。我知道有像Animate.css这样的库，但是有了AngularJS，我如何才能做到这一点？
我看了AngularJS动画的ng-enter，ng-隐藏等.但是如何动画整个索引页？，我不想按部分动画。
浏览 3提问于2014-11-03得票数 0
回答已采纳
1回答
我正在尝试添加乐天动画在我的游戏中的相位3。
但我不能补充。这里的问题是，这个动画我是附加到HTML DOM元素，这样动画就会出现在Phaser游戏画布之上，因为我无法与我的相位游戏元素交互。我无法将Lottie动画JSON文件包含在我的Phaser游戏画布中。
我也试着让容器成为画布，但它不起作用。
下面是HTML5：中使用的Lottie动画示例
这是指向Lottie动画文件的链接：
这是我用来做这个的代码，
this.animation = bodymovin.loadAnimation({
container: document.getElementById(
浏览 1提问于2019-08-28得票数 1
1回答
我有一个关于bodymovin & react的问题(或者实际上也是plain/vanilla html&js)。比方说，一个图形/动作设计师给了我一个搜索域打开的动画。。然后我想把这个动画集成到我的网站上，这样当用户点击搜索栏时，这个动画就会播放。
我该怎么做呢？我只有一个bodymovin JSON或svg文件，可能是gif。我确实知道如何在我的网站上简单地显示这个动画。但我真的不明白底层功能(实际的HTML/JS/CSS搜索栏组件)是如何与动画绑定的？
我将非常感谢这里的一些大体方向。
浏览 2提问于2017-10-24得票数 0
为什么我不能使用javascript设置动画元素的开始值？
正如您在这里看到的，渐变动画的起始颜色是蓝色的，因为begin值是从带有-30的HTML代码中设置的。
但是，当我尝试使用begin这里的JavaScript设置值时，它没有显示相同的结果。
我使用这个jQuery来设置它：
$("animate").attr("begin", "-30s");
这个来自inspect元素第二个链接(使用javascript设置begin值的链接)。它显示了与第一个链接相同的HTML代码(直接从HTML代码设置begin值的链接)，但是结果是不同的。
除
浏览 5提问于2019-07-21得票数 0
回答已采纳
1回答
我试图在更改HTML内容后向DIV中添加动画。我已经成功地更改了div的内容，但是在更改中添加动画是我的问题。
这是我尝试过的：
$('.tabs').on('click', 'div', function() {
// Replace Div
$(this).toggleClass('active').siblings().removeClass('active');
// Get the clicked div id
var tab = $(this).attr('d
浏览 20提问于2018-06-20得票数 0
1回答
我使用边缘动画创建了一个简单的动画文本，可以使用sym.$("Text").html("NewText");更改边缘动画的内部竞争
我如何使用php来操作这个文本并使"NewText“动态
我可以在wordpress中集成边缘动画，但是我需要完全控制"NewText"，我希望有人能帮上忙
浏览 3提问于2015-06-07得票数 0
我有div和height = 40 px。我在里面加载了一个html字符串，它可能有一个随机内容的高度。
我试图将容器的高度动画为新内容的高度(根据)：
var jqObj = $('<div/>').html($.parseHTML(htmlString)).hide();
$('.mainCont').html(jqObj.html());
jqObj.fadeIn('slow');
var height = $('.mainCont').css('height', 'auto'
浏览 2提问于2014-08-22得票数 1
回答已采纳
3回答
我有一个动画在身体上，使身体缩小到一个比视口面积小得多的尺寸。但是，当身体动画发生时，视图的其余部分背景颜色显示为白色。我控制不了那个颜色，那是什么区域？是根还是html？我试图将背景颜色属性设置为root和html，但是它使身体动画隐藏/丢失。我有一个黑色的身体背景设置后的动画。但在身体动画，其余的背景显示为白色，我需要改变为黑色。
CSS
body
{
background: -webkit-linear-gradient(left, white, white, #98AEC4, white, #98AEC4, white, white) fixed;
backgroun
浏览 6提问于2022-05-09得票数 2
回答已采纳
我有一个很好的小SVG元素，我通过从0px-70px增长它来为它添加动画。这个元素也是一个按钮，在悬停时有一个漂亮的笔触动画。我的问题是，用于笔画动画的CSS过渡属性会影响元素出现时增长速度的计时。我不想让我的悬停动画走得太快，但是出现动画太慢了。
HTML：
<svg width="141" height="141" >
<rect rx="3" y="-50" x="50" width="0" height="0" transform="rota
浏览 3提问于2015-12-09得票数 1
1回答
我有一个使用Adobe 6的动画，我试图在iframe中包含这个动画。该代码在Chrome和IE 10上运行良好。但是在Firefox上，我在Adobe库TypeError: C.getComputedStyle(...) is null -> edge.6.0.0.min.js Line-77上得到了一个javascript错误。
如果我打开Firefox 43上的动画页面，它运行良好，只有在iframe中包含动画时，我才会得到错误。
动画页面：
<head>
<meta http-equiv="Content-Type" content=&#
浏览 3提问于2015-12-15得票数 0
回答已采纳
1回答
我使用jQuery动画滚动插件()在元素被聚焦时对其进行动画处理。
这就是我如何在HTML中使用内联的animate函数。
<article class="article1" data-animate-scroll='{"x": "0","y": "100", "alpha": "0", "duration": "0.7"}'></article>
下面是我调用脚本的方式：
$(document).animate
浏览 0提问于2016-06-14得票数 0
当我更新传递给*ngFor的集合时，我触发了一个动画：
//JS
state : string = 'a';
colors = {
a: ['red','blue','green','yellow'],
b: ['orange']
}
public onClick (){
this.state = this.state === 'a' ? 'b' : 'a';
}
//HTML
<div *ngFor="let color
浏览 3提问于2017-05-16得票数 0
回答已采纳
我有一个透明背景的动画和一个HTML画布。
在将对象添加到画布之前，应该先播放动画。
动画源是一个Flash文件，还有一个HTML/JS (CreateJS)导出和一个可用的动画GIF。
画布使用运行在React应用程序中的Fabric.js。
我的问题如下：
在描述的用例中实现动画的推荐方法是什么？
目前，我最好的方法是将CreateJS导出集成到React应用程序中，并在播放动画时将Fabric.JS画布与CreateJS画布“重叠”。这个解决方案可以工作，听起来也很复杂，而且对我来说很臃肿，因为我将集成另一个画布库(CreateJS，除了Fabric.js)，而且两者都需要在动画的定时/
浏览 2提问于2017-01-03得票数 4
1回答
我正在使用离子2+，并试图用animate.css动画一个图像。在最初加载图像时，它应该使用rubberBand动画，每次点击时都应该使用弹跳动画。rubberBand动画在加载时工作良好，但是无论我点击多少次，弹跳动画只能工作一次。我做错了什么？
html
<img src="/assets/image.png (click)="animate()" [className]="imgClass"/>
类型标
constructor(public navCtrl: NavController) {
this.imgClass = &#
浏览 0提问于2017-06-28得票数 1
我用:活动和:悬停伪选择器设置了一些元素的样式，包括一个“按钮按下”类型的动画，该动画还会触发将元素从视口滑出的动画。
我正在尝试做一个真正平滑的UX，并希望将超链接内容从加载推迟到这些动画完成之后。
如何使用HTML/CSS/JS完成这种加载延迟？
浏览 2提问于2021-10-29得票数 1
回答已采纳
我有一个没有文本的小div，当我将鼠标悬停在它上面时，文本就会出现。当它出现时，我想要一个缩放动画发生。我的代码在Chrome和Edge上运行良好，但在Firefox上，第一次加载页面时，缩放动画不起作用。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
@keyframes animatezoom{
0%{trans
浏览 2提问于2018-02-01得票数 0
回答已采纳
我尝试了一系列不同的CSS变体来尝试在SWF对象上覆盖HTML，但是我遇到了一些问题。
Safari 4.0.3PC：
SWF对象总是呈现在HTML.Firefox 3.5.6PC：之上
渲染apprears很好，但是当在SWF上动画HTML时，div略有闪烁。我正在使用mootools中的Fx.Slide类--more-1.2.4.2.js来动画div层。在SWF之上分层时，div只闪烁。使用常规的背景色不会产生bug。
注意:我以前在Firefox动画div中遇到了一个问题，在这个问题上父div需要将溢出设置为auto，否则它也会闪烁。
我知道这很奇怪。
任何帮助都将不胜感激。
浏览 2提问于2010-01-08得票数 2
1回答
动画方向CSS属性设置动画是否应该在前后播放序列之间来回播放。是否有可能为Android动画编写一个符合CSS动画方向的正常、反向、交替、交替的逆向值的代码？
HTML5
/* Single animation */
animation-direction: normal;
animation-direction: reverse;
animation-direction: alternate;
animation-direction: alternate-reverse;
/* Multiple animations */
animation-direction: normal, reve
浏览 3提问于2021-09-28得票数 0
2回答
我正在使用鼠标轮插件滚动我的页面部分。
在动画完全完成之前，我应该查看哪些功能来禁用我编写的函数？
我正在运行stop()，但这只会取消动画。
$('section').mousewheel(function(event, delta, deltaX, deltaY) {
$('section' ).waypoint(function(direction){
thisID = $(this);
},{ offset: '25%' });
if (delta > 0) {
console.log('up'
浏览 7提问于2013-08-13得票数 0
回答已采纳
1回答
在使用Jquery重定向页面之后，我想将页面动画化，我的代码的问题是它只是重定向，而忽略了动画代码，如何解决这个问题？
$("#menu a:first-child").click(function() {
window.location.href = "https://www.mysite/blog";
$('html,body').animate({
scrollTop: $("#mainwrapper").offset().top - 70},
's
浏览 3提问于2016-11-05得票数 0
回答已采纳
1回答
Skrollr是一个很棒的插件。然而，作为一个初学者，我遇到了一些问题，这似乎是我在这里遗漏的一些明显的细节，这使得我无法创建任何其他的、常规的jQuery动画。下面有一个指向测试端的链接，显示了这个问题：
www.vieckowski.com/test
很简单。如果我从index.html中删除了Skrollr driven部分，我可以通过单击白色按钮来设置绿色元素高度的动画。如果我将Skrollr驱动的部分放回原处，jQuery将停止处理这些类型的动画。
所以我有一些简单的HTML，第一部分是skrollr驱动的：
<div id="intro-image"
浏览 4提问于2016-12-17得票数 2
1回答
我希望动画从元素的当前位置开始，在这种情况下:在第一次单击从70%右开始，在第二次单击该元素在动画之后的位置。(代码将不胜感激)
$(document).ready(function(){
$( "button" ).click(function(){
screenWidth = Math.round($("html").width() /2)
positionLeft = Math.round($(".container").offset().left)
if ( position
浏览 2提问于2015-02-21得票数 1
2回答
使用ui路由器，我很难同时在两个ui视图元素(或任何动画)上创建单独的动画。
我的基本网站布局是：
main.html (有一个ui视图，已褪色)
位于"main“中的customerMain.html
main.html
<div id="work-container">
<div class="menu">
<!-- some ul/li stuff -->
</div>
<div class="content"
浏览 4提问于2015-04-20得票数 2
1回答
所以我的问题是，我正在使用RaphaelJS在HTML5画布中构建动画，问题是我不太理解如何创建动画事件以及如何触发它们。文档不是很有帮助。谢谢
浏览 3提问于2012-02-03得票数 1
2回答
我正在尝试在Javascript中动画一个可变字体的轴，这个轴被称为'FLUX‘，它会影响可变字体的垂直移动。我让这部分在CSS中工作，但我也希望第二个轴，'wdth'，以对应于视口宽度。我也有这个功能，但用的是Javascript。
现在的问题是，两者都不能同时工作。我觉得让它工作的方法是在Javascript中动画两个轴，但是我不知道如何在Javascript中实现'FLUX‘动画，只有CSS。
我已经添加了一个Codepen链接到我一直在做的工作，当CSS动画被禁用时，你可以看到Javascript工作，但当它被启用时，CSS似乎覆盖了Javascript
浏览 2提问于2019-05-04得票数 0
我在页面上有两个元素，我想按顺序进行动画处理。 1. h1 tag
2. the background image 我的组件的html模板如下所示： `<div class="container">
<h1 [@flyInOut]="isIn ? 'in' : 'out'" class="welcome-title">WELCOME</h1>
</div>
<div [@flyInOut]="isIn ? 'in' : '
浏览 17提问于2019-04-09得票数 0
回答已采纳
我使用了现代版来回退到CSS动画，但它似乎认为Android 2.3.5中的浏览器支持动画。这意味着用户会被困在页面上。
我设置了一个小网页来测试对移动设备的支持。尽管基本的动画不起作用，测试还是通过了。
$(document).ready(function(){
if ($('html').hasClass('cssanimations'))
{
alert('I have CSS Animation Support');
}
});
有人知道这是为什么吗？
浏览 1提问于2013-11-18得票数 0
目前我有以下代码：
<!-- More html code above -->
<div id="loading" style="display: none;">
<div align="center">
<img src="/loading.gif" style="padding:10px;" />
<div id="lmessage"></div>
</div>
&
浏览 0提问于2010-11-05得票数 0
回答已采纳
我注意到，当我试图使一个最初隐藏在视图中的元素具有动画效果时，没有动画效果--该元素只是立即出现。
例如，尝试以下代码：
<html>
<head>
<style type="text/css">
span {white-space: nowrap; display: none}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">
浏览 0提问于2011-10-24得票数 0
回答已采纳
1回答
当我尝试基本的jquery动画(滑动，衰落.)时，我遇到了麻烦。在div上，通过按一个按钮，问题是当我按它时，div会让动画(例如，它向上滑动)，而当它隐藏起来时，其他div会被重新定位以填充另一个div所在的空间，我的代码有什么问题呢？在jquery上应用动画时，这是否正常？谢谢:)
<body>
<h1>jQuery Test 01</h1>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<
浏览 3提问于2014-10-22得票数 0
回答已采纳
1回答
我正在尝试创建类似于此的无限循环动画的CSS/HTML横幅。
下面是用编写的复制代码。
我的横幅是全宽的，它应该占据整个屏幕的宽度。但目前，样例动画有固定宽度的包装器。
.wrapper {
position: absolute;
top: 50%;
left: 50%;
width: 1200px;
height: 588px;
margin-left: -600px;
margin-top: -300px;
background: #9cfcf0;
overflow: hidden;
}
现在，如果我设置包装器宽度为1
浏览 1提问于2015-02-27得票数 0
我在Angular.js的谷歌群上发布了这篇文章，但似乎没有得到关注或帮助，所以我在这里重发了这篇文章。
问题:在将新的部分html加载到ng-view中时，"enter“回调的元素是定义好的，并且是正确的，但是旧的部分html (应该被新的部分html替换)并没有消失，相反，新的内容被附加到旧的内容下，更不用说任何滑动动画了。我检查了一下日志，"leave“$动画的设置和启动函数中的"element”都显示为未定义的，这导致了一些jquery错误。
我也尝试了css定义类似动画的方式，但没有任何幸运-没有动画，没有错误。(我在这里看过的演示，所以可能是因为我有一些错误
浏览 0提问于2013-04-11得票数 0
我有一个动画在图像上，在2秒后淡出图像，并保持图像可见后，通过使用fill=完成动画“冻结”。
动画正在如预期的那样工作。
设置冻结时，如何通过javascript更改透明度？现在我不能改变剧本中的不透明度。如果我删除冻结我的脚本工作，但动画不再像预期的那样工作(然后图像在完成后变得不可见)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" co
浏览 2提问于2014-03-06得票数 1
回答已采纳
1回答
加快针织机的fig.show间隔
、、、、
我正在从一个rmarkdown文件中创建一个html文档，并按照如下方式使用针织品并插入动画代码块：
```{r,fig.show='animate'}
为(我在1:10)图谋(rnorm(10))
动画制作得很好，但是，我还没有找到一种方法来加快动画的速度。例如，动画包有用于interval的saveGIF()参数，它允许加速或减缓gif。欢迎任何建议！
浏览 1提问于2015-01-21得票数 6
回答已采纳
1回答
我遵循了使用requestAnimFrame绘制简单动画的最佳实践：
不幸的是，即使在这个例子中(在Chrome，Firefox和IE上)动画也有滞后。
源代码的解释在这里：
在html5中显示一个简单的动画而没有任何减速的解决方案是什么？
浏览 0提问于2012-07-12得票数 3
回答已采纳
2回答
我想在我的页面上的一个特定的div加载一个页面，而不是动画到那个点。下面是我现在使用的代码，它可以动画到said div。我还不知道如何在没有动画的情况下完成同样的功能。
jQuery:
if(window.location.hash) {
var hash = window.location.hash;
var link = $("[href='"+ hash +"']");
if ( hash == "#specific-url" ) {
$('html, body').
浏览 3提问于2014-02-11得票数 0
回答已采纳
我一直试图让我的动画工作正常使用AngularJS和animate.css。因此，我创建了这样的SASS：
.slide-animate {
&.ng-enter,
&.ng-leave{
}
&.ng-enter {
-webkit-animation: bounceIn 1s;
-moz-animation: bounceIn 1s;
-o-animation: bounceIn 1s;
animation: bounceIn 1s;
浏览 1提问于2015-01-26得票数 0
回答已采纳
5回答
在HTML中，有没有办法在标签中包含动画GIF，但自动告诉GIF不要动画？我意识到用户可以通过按ESC或单击Stop来停止动画，但我希望GIF根本不动画。
我只想在一个特定的页面上这样做，并且单独制作(1500+) GIF的非动画版本是不可行的。我只是想让GIF不要有动画效果。
浏览 0提问于2009-06-05得票数 23
我有一个iOS应用程序，将显示和播放乐透动画。我成功使用的动画来自www.lottiefiles.com，所有的动画都是从那里开始的。
我已经在After Effects中创建了自己的动画，并使用BodyMovin导出，然后尝试显示它，但没有显示任何内容。
Xcode抱怨图片丢失了，但它从来没有要求(也没有)从www.lottiefiles.com下载的JSON动画的图片，应用程序仍然在播放它们。
我添加了图像，但仍然什么都没有显示，并且仍然抱怨图像丢失。
我尝试了BodyMovin的不同设置，例如：“原始资源名称-使用原始项目名称导出资源”&“包含在JSON中-包含以json编码的光
浏览 1提问于2018-07-02得票数 1
4回答
我有一个包含SVG动画的超文本标记语言页面(animation.html)。动画大约运行5秒，当website.html动画结束时，我想加载另一个超文本标记语言页面( SVG )。
我尝试使用jQuery的load-function，但它不起作用。
有什么想法吗？
浏览 7提问于2016-04-04得票数 1
1回答
我有一个特定速度的动画，这个值是从一个输入范围传递的。当页面加载动画时，默认速度为16，如下所示。
HTML：
<input type="range" min="1" max="30" /><br>
联署材料：
animateInterval = setInterval(animate, 16);
$("input").change(function(){
var value = $(this).val();
animateInterval = setInterval(ani
浏览 5提问于2016-05-16得票数 0
回答已采纳
3回答
Ajax追加结果和动画
、、、
我正在尝试添加ajax数据和slideDown Ajax结果数据(类似于twitter load more)
已尝试以下代码
$("#main").append(html).slideDown();
但数据显示时没有任何动画。
如何从PHP端追加和动画html数据？
浏览 1提问于2012-03-06得票数 0
回答已采纳
我想从我制作的简单动画中删除滚动条。
一个例子可以找到
尝试：
我尝试了CSS overflow，但没有成功。
我甚至在动画制作的生成的html页面上也尝试了同样的方法。
我的动画有一个1000px 宽度和290px 。
一个小小的成功就是我将height设置为297px，即使这样，底部也有一个小的灰色背景。
浏览 7提问于2017-02-23得票数 0
我正在扩展GWT ，构造函数看起来如下所示：
public MyBox() {
setGlassEnabled(true);
setAnimationEnabled(true);
setWidth("400px");
VerticalPanel contents = new VerticalPanel();
contents.setWidth("400px");
// init widgets
}
当我评论掉第二行的时候，一切都很好。在启用动画的情况下，我的对话框“坏了”的大小。当我检查HTML站点时，元素有正确的400 it，但是它没有
浏览 5提问于2011-06-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
