个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我在以下 jQuery 代码上遇到性能非常差的情况，我不知道为什么。目标是按照 google Material 设计原则的指示，使元素顺序淡入，元素之间的时间间隔不超过 20 毫秒。它用于注册表单，其中表单字段应从上到下淡入。我遇到了动画的滞后和抖动。
<!DOCTYPE html>
<head>
</head>
<body>
<div id="center_block" style="width:100px">
<span class="fade_in_container">
<input type="text" id="1" name="1">
</span>
<span class="fade_in_container">
<input type="text" id="2" name="2">
</span>
<span class="fade_in_container">
<input type="text" id="3" name="3">
</span>
<span class="fade_in_container">
<input type="text" id="4" name="4">
</span>
<span class="fade_in_container">
<input type="text" id="5" name="5">
</span>
</div>
<script>
$(function () {
$(".fade_in_container").hide();
$(".fade_in_container").each(function (index) {
$(this).delay(100 + 20 * index).fadeIn(250);
});
});
</script>
</body>
非常感谢您的帮助或建议。
这是一个jsfiddle:https://jsfiddle.net/re26js63/
最佳答案
您的延迟计算有问题，这里是demo在你的基础上
<script>
$(function () {
$(".fade_in_container").hide();
$(".fade_in_container").each(function (index) {
$(this).delay((100 + 20) * index).fadeIn(250);
});
});
</script>
关于javascript - jQuery 顺序淡入动画经历滞后和摆动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45161908/
24
4
0
我正在使用 libapr，但它们的一些基本原语似乎不能很好地工作，呈现出非常奇怪的行为。这是我正在编写的代码: pr_pool_t *mp=NULL; apr_file_t *fp =
我多年来一直在寻找这个问题的答案，但在任何地方都找不到。真心希望有人能帮忙 我的结构: WebContent - resources - css - style.css
功能: 我正在尝试创建一个有 5 次尝试的测验，其中每个问题页面都是从每个类别中显示的随机问题。 因此，如果用户答对了每个问题，下一个问题将淡入，如果用户在 5 次尝试中有 3 次答对了 3 个问题，
我是一名优秀的程序员,十分优秀！