下面一节中的jQuery类过滤和css转换延迟/阻塞动画

文章/答案/技术大牛

发布

1回答

jquery、css、hover、css-animations

我的网站在这里： https://thoughtpencil.com/testbed/ 我想在“我们的作品”部分有一个文件夹过滤器。我试着组合这支笔： https://codepen.io/creotip/pen/dfjeF和 https://www.w3schools.com/howto/howto_css_image_overlay_slide.asp我在这里有我的

浏览 21提问于2019-02-07得票数 0

回答已采纳

1回答

在使用transform隐藏内容时使以下内容折叠

css、sass、css-animations、css-transforms

我有一种情况，例如，我有一个小盒子，一个接一个，我希望用户能够切换这些元素的显示/隐藏，我让它们像我想要的那样工作，但是当各自的框被折叠/隐藏时，下面的内容也不会向上折叠。我理解为什么会这样，因为使用transform，它仍然为您从它原来的位置转换出来的元素分配空间；但是，我无法想出另一种方法来以与使用负margin-top的方式相同的方式来完成它，因为某种原因没有像transform那样平稳地动画</em

浏览 2提问于2016-05-28得票数 6

1回答

隐藏元素时是否禁用CSS3转换？

javascript、jquery、css、css-transitions

我注意到(在Chrome 43中使用jQuery )当元素有display: none时会禁用转换。这是所有浏览器( jQuery的一个特性)上的标准化行为，还是在生产中不能依赖的特性？当要动画的CSS语句在延迟函数中更改时，将启用转换。。取消注释第3行或6以便自己查看它。解决方案：在生产中不能依赖这种行为，因为它似乎是优化/设计选择的</em

浏览 6提问于2015-06-29得票数 6

回答已采纳

1回答

如何修复手机chrome中火狐与chrome位置fixed.And差异问题

jquery、html、css、mobile-chrome

在移动版火狐，一切工作，perfect.In，铬有固定的positioning.When错误，我滚动标题必须改变绝对到固定和高度65到35 pixels.But它的闪烁。我是web development.And的新手，这是我的第一个静态。我正在使用jquery插件skrollr。下面是我的jquery代码$(window).scroll(function(){ if ($(this).scrollTop() >

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

2回答

反转正在进行的CSS动画

css、css-animations

我希望这个盒子倒转它的褪色方向，如果它在完成它的第一个动画之前再次被点击，它会从蓝绿色返回到蓝色。我希望避免使用转换*因为当用多个转换替换关键帧时，每个转换之间都有延迟，因为浏览器需要第二秒钟才能确认新的CSS类。在这个更复杂的例子中，您可以看到我所说的延迟是什么意思：不因

浏览 3提问于2014-12-22得票数 3

回答已采纳

1回答

从我的jQuery插件中删除延迟

javascript、jquery、css、animation

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

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

2回答

为什么用jquery移除类的速度不快？

jquery、css、jquery-animate

我在我的大多数网站上使用animate.css，因为它非常棒，但我经常遇到一个问题。如果要检查以下代码：$('#xxx').removeClass('flipInX').addClass('flipInX'); 但是，如果我使用第二个按钮(下面的代码)，动画</em

浏览 6提问于2017-08-16得票数 0

回答已采纳

1回答

用calc将css动画转换为javascript动画

javascript、jquery、css、animation

嗨，我正在尝试把我的css动画转换成jquery动画。from { opacity: 1 }} 现在，我尝试将其转换为jquery，因为我在前端使用vuejs组件，每次页面重新加载组件时，动画都会再次运行。代码中，该框并没有拖放到css中的相同位置。我在jquer

浏览 1提问于2018-02-13得票数 0

回答已采纳

2回答

JQuery UI删除类动画显示不起作用

css、jquery-ui、animation、removeclass

我使用了一系列CSS3转换，但对于较旧的机器，使用JQuery UI添加和删除类进行备份。 JQuery UI addClass动画功能齐全。然而，JQuery UI removeClass不是动画，而是延迟动画时间，然后跳转到上一个类的属性。

浏览 2提问于2011-07-05得票数 7

1回答

jQuery加法类的时延

jquery、class、triggers、delay

我现在有一个CSS3动画，一旦窗口滚动到某个点，就会添加一个类来触发它。我想增加1秒的延迟，这样动画就不会一帆风顺地开始了。下面是动画发生的页面：我使用的现有代码是： var scroll = jQuery(windowjQuery('#an

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

回答已采纳

1回答

使用jquery的Css3动画延迟

jquery、css、delay、css-animations

我正在使用滚动动画。我正在使用animate.css库和viewport.js。很明显起作用了。但是我想动态地添加动画延迟。例如:我有社交媒体图标列表，我想延迟每个项目的动画。这是我的JS代码： $(this).addClass($(this).attr(&q

浏览 2提问于2013-09-05得票数 2

回答已采纳

2回答

如何使用Animate.css和ViewportChecker添加动画延迟？

jquery、css、animation、viewport

我正在尝试使用Dirk Groenen的animate.css 3.5.1版和jquery-viewport-checker 1.8.7版为特定网页上的不同动画类元素添加“延迟”。setTimeout(function () { classToAdd:'vis

浏览 2提问于2016-08-26得票数 7

1回答

动态线动画

jquery、css、svg

我有一点困难，使动画线似乎从一个元素绘制到另一个元素。当用户单击该按钮时，一条线将显示为“绘制”，从div开始，然后在刚刚按下的按钮上结束。我试图使用SVG实现这一目标，完全定位在元素中，然后使用stroke-dashoffset黑客使它们看起来像是正在绘制，但我无法使用jQuery动态地更改中间的SVG行。线路必须连接到多个不同的按钮，从同一个起点( div)，整个

浏览 0提问于2015-07-13得票数 0

回答已采纳

1回答

使用CSS转换和jQuery动画

jquery、css

我正在试验CSS转换和jQuery UI函数。在我回答问题之前，请先看看下面的演示。鼠标在页面中的链接上显示的效果是使用只使用 CSS转换完成的。在页面中，我使用only jQuery (注释掉了CSS转换规则)创建了同样的效果。，我只保留了CSS和jQuery

浏览 3提问于2012-11-01得票数 2

2回答

.switchClass()对类进行操作，但不会发生放松。

jquery、jquery-ui、easing

我试图使用jQuery UI switchClass()方法显示一组具有给定类的div(我切换的类不是用于选择div的类)。我的主要目标是，div应该在状态之间动画，这是一个高度调整(从零隐藏，到非零揭示)。 switchClass方法允许您指定转换时间，我已经这样做了，但是当类正确切换时，状态是延迟的(不是过渡的)。因此，当延迟</em

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

回答已采纳

2回答

PageSpeed在使用外部图像时指责脚本“呈现阻塞”。

html、pagespeed、google-pagespeed、html-rendering

我在页面正文的结束标记( </body>)前面放置了一个来自CDN的脚本。谷歌的PageSpeed Insight说：经过一些

浏览 2提问于2017-02-17得票数 3

回答已采纳

5回答

使用PageSpeed消除jQuery的呈现阻塞JavaScript

javascript、jquery、pagespeed

我在页面底部添加了jQuery。然而，当我在分页洞察力(Mobile)上运行我的站点时，我得到了错误：尝试推迟或异步加载阻塞资源，或直接在HTML中内联

浏览 4提问于2016-04-25得票数 7

3回答

jQuery单击多个操作

javascript、jquery、css、animation

我想使用jQuery来实现多种效果。当用户单击某个元素时，它会调用该单击处理程序中的一组函数。在jQuery中，有没有一种方法可以在函数中执行的每个操作之间存在延迟？$('.activator').on('click', function() { $('.app').css</

浏览 23提问于2016-08-29得票数 0

2回答

jQuery .hide() --向左滑动元素

javascript、jquery、twitter-bootstrap、show-hide

我要把我的导航定位到页面的顶部。我正在使用Bootstrap (仅CSS)。我使用jQuery隐藏一个徽标(img类.logo)，并在滚动条上显示另一个徽标(img类.logo-sm)。我很确定这不是.hide()函数的默认行为，但我不太了解jQuery，所以我不知道如何更改它。我构建了一个JSFiddle来演示这种行为。由于某些原因，它不能一致地工作(它是本地的)，但是您可以在第一次向下滚动时看到徽标向左滑动。

浏览 0提问于2015-03-09得票数 0

回答已采纳

2回答

为什么延迟链函数会导致问题？

jquery

var newImage = 'url(images/'+images[currentImage]+')'; $('.inner_img').csscurrentImage++; currentImage = 0; });第一个动画运行正常，delay()也运行正常，下一个不透明度恢复为0的动画不能正

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

点击加载更多