为什么我的jQuery SlideDown动画滞后/跳跃
Why is my jQuery SlideDown animations Laggy/Jumpy?
我一直在尝试实现 SlideDown 动画,以便在单击另一个div 时显示一个div。
我遇到了许多现在已经排序的问题,但主要问题是jQuery动画非常滞后和跳跃
我能做些什么来平滑动画吗?我读到了一个缓和插件 - 它们有帮助吗?
此处代码:http://www.bootply.com/a8pRzgsjtl
j查询:
$(document).ready(function() {
$(".virus").click(function() {
$(".v").siblings().hide();
$(".information").slideDown(2000);
$(".v").fadeIn('slow');
$('html, body').animate({scrollTop:200}, 1000)
});
$(".screenRepair").click(function() {
$(".screenInfo").siblings().hide();
$(".information").slideDown(2000);
$(".screenInfo").fadeIn(1000);
$('html, body').animate({scrollTop:200}, 1000);
});
$(".SoftwareRepair").click(function() {
$(".softwareR").siblings().hide();
$(".information").slideDown('slow');
$(".softwareR").fadeIn('slow');
$('html, body').animate({scrollTop:200}, 1000);
});
$(".MemoryUpgrades").click(function() {
$(".MemoryInfo").siblings().hide();
$(".information").slideDown("slow");
$(".MemoryInfo").fadeIn('slow');
$('html, body').animate({scrollTop:200}, 1000);
});
$(".hardwareRepair").click(function() {
$(".hardwareInfo").siblings().hide();
$(".information").slideDown('slow');
$(".hardwareInfo").fadeIn("slow");
$('html, body').animate({scrollTop:200}, 1000);
});
$(".WindowsReinstall").click(function() {
$(".WindowsInfo").siblings().hide();
$(".information").slideDown("slow");
$(".WindowsInfo").fadeIn("slow");
$('html, body').animate({scrollTop:200}, 1000);
});
$(".DataRecovery").click(function() {
$(".dataInfo").siblings().hide();
$('.information').slideDown('slow');
$(".dataInfo").fadeIn("slow");
$('html, body').animate({scrollTop:200}, 1000);
});
$(".maintenance").click(function() {
$(".maintenanceInfo").siblings().hide();
$('.information').slideDown('slow');
$('html, body').animate({scrollTop:200}, 1000);
$(".maintenanceInfo").fadeIn("slow");
});
$("#close").click(function() {
$(".information").slideUp('slow');
});
});
一个常见的问题是图像,如果您的元素包含或具有图像背景,请确保它们不会太重......
相关文章:
- 帆布游戏的滞后运动
- 滚动固定滚动顶部()的跳跃效果
- 画布中的重力/跳跃球,javascript
- 在ISO转换后,JavaScript时间滞后了一个小时
- 避免吊装造成的滞后
- 当按下箭头键时,我的图像以一种奇怪的方式跳跃(HTML+JS)
- 状态更改期间角度UI路由器中的嵌套视图滞后
- 防止Bootstrap折叠项目“;跳跃”;
- 我的'body'css背景图像在chrome中跳跃
- 滞后会随着时间的推移而发出javascript
- 简单的js滑块,读取ofssetX使处理程序跳跃
- 画布在一段时间后开始滞后
- 滑动滑块跳跃
- 跳跃运动:旋转轴 – 如果手静止不动,它不应该在 0 左右
- 跳跃运动中的捏合手势 (javaScript)
- 高分辨率imac-webView上的画布绘制滞后
- 为什么HTML5进度条值在更新时跳跃和滞后?
- 为什么我的jquery滑块是跳跃和滞后的
- 画布外 - 左侧导航栏动画在关闭时非常跳跃/滞后
- 为什么我的jQuery SlideDown动画滞后/跳跃