平滑CSS向下滑动动画

文章/答案/技术大牛

发布

1回答

平滑CSS3动画

css、css-transitions

当使用transition或animation时，产生的动画并不平滑，在处理边距时，IE10和Chrome (没有测试过任何其他代码)都是“跳跃”的，但是不透明的转换似乎很好。我将如何去平滑动画？我已经考虑过使用jQuery来做动画，但是我仍然会使用CSS动画来做其他的事情。

浏览 0提问于2013-11-24得票数 0

1回答

向下/向上滑动不能正常工作

jquery、slidedown、slideup

不幸的是，这些都不能正常工作:滑动并不像它应该的那样平滑，但速度非常快。相反，使用slideToggle并没有让事情变得更好。另一方面，使完整菜单可见的菜单按钮可以很好地滑动；我这里使用的是slideToggle。我的JS代码： if ($("#menu02 div#menu-icon").css("display(this).removeClass("open

浏览 0提问于2014-02-25得票数 0

1回答

javascript、jquery、html、css、css-animations

我正在尝试通过向带有click事件的div添加一个类来获得平滑的滑动动画。当动画开始的时候，它看起来有点“跳”得很快，然后变得均匀，但它看起来真的很摇晃，我不知道为什么。如果你在隐藏的div中有一堆要滑下来的元素，看起来没问题，但如果你只有一两个，那么滑下的动画就会非常跳跃。想知道我是否需要改用transform:translateY？

浏览 15提问于2018-02-21得票数 1

1回答

尝试在卡片之间添加向上/向下滑动动画(颤动)

user-interface、animation、flutter

我正在开发一个闪存卡应用程序，我有一个FlipCard动画小工具，当我向左或向右滑动时，可以翻转卡片。但当我向上和向下滑动时，我正在尝试添加动画。我想让动画向上/向下滚动到下一个列表项，只滚动卡片(黄色框内)，而不是整个页面更改或不弹出到新页面。我目前向上/向下滑动，下一个列表项出现，但我希望卡片的平滑动画滚动，而不是突然出现的文本。

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

1回答

我使用css3动画将一个div向下滑动到一个只有几个div集的列表中。我试图实现一个幻灯片进和滑出的效果，就像垂直新闻滚动条在这个网站 .slidein{ animation:slide 1799ms linear; top:0px; -webkit-animation} $(".parentDiv").prepend('<div class="newdiv slidein"></div>&#

浏览 1提问于2013-08-01得票数 0

1回答

如何在移动设备上使用Zepto滑动/滑下一个元素？

android、iphone、cordova、css-transitions、zepto

一种常见的移动UI模式是向上/向下滑动，例如，滑动一个动作表，然后在没有看到它的时候将它向下滑动到屏幕下面。我尝试过各种CSS3转换和Zepto的动画功能，但还没有找到在安卓和iPhone上顺利和一致地工作的东西。我认为这篇文章可以作为一个明确的问题和答案：如何在Android和iPhone浏览器(以及扩展为PhoneGap)上进行平滑的上/下滑动工作？/* something that will ge

浏览 1提问于2012-08-04得票数 1

回答已采纳

1回答

当滚动经过一个点时设置导航动画

jquery、navigation、scroll、jquery-animate

我正在尝试动画(从顶部滑动)我的导航菜单，它是由scroll()函数触发的。如果用户滚动超过40，导航菜单需要动画。当用户滚动少于40次时，导航菜单必须再次显示动画(向上滑动)。它确实适用于下面jsFiddle中的代码，但当用户从40以上滚动到底部时，每次滚动时都会调用该函数，因此导航菜单向下滑动非常缓慢且不平滑。 /** HIDE MENU

浏览 1提问于2013-04-27得票数 0

回答已采纳

1回答

最佳实践: iOS 8为带有大小类和特性集合的自动收费设计

ios、objective-c、iphone、xcode

我们需要一个视频播放器在运行时滑动向下滑动手势。视频视图是使用IB设置的，使用自动退出的约束设置似乎太顽固了。该视图无法在运行时轻松地移动。

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

1回答

使用不带插件的css3和jquery滑入和滑出

jquery、css、css-animations

我使用css3动画将一个div向下滑动到一个只有几个div集的列表中。我试图实现一个幻灯片进和滑出的效果，就像垂直新闻滚动条在这个网站 .slidein { top: 0px;对于向下滑动，我尝试使用下面的div使用top和bottom值来上下移动它。$(".existingDivs").css( {"bottom":

浏览 0提问于2013-08-01得票数 1

1回答

带有CSS边框的jQuery滑动导致奇怪的“跳转”

jquery、css、animation、border

使用slideUp()和slideDown()可以得到相同的效果，我现在将描述：li的滑动起来很好，但当它们的高度为0时，边界(顶部和底部，1px)仍然存在，然后突然消失。我想知道..。在jQuery中有没有一种方法可以让边框不被“捕捉”掉，而是像li或div之类的其他东西一样平滑地上下滑动。toggle', padding: 'toggle',}); 我尝试在't

浏览 3提问于2010-11-12得票数 2

回答已采纳

1回答

如何在Facebook Pages顶部菜单中创建动画？

ios、objective-c、facebook、animation、facebook-pop

在facebook中，当你向下滑动菜单时，页面会出现在顶部。我正在尝试做的动画是当你点击设置按钮时的动画，这是当每个单元格一次向左移动时，但非常平滑。如果不在Objective C中使用Facebook的pop引擎，我如何才能实现这样的动画？

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

1回答

同时使用jQuery动画和slideDown

jquery、jquery-animate、slide、simultaneous、sametime

如何使下面的动画和滑动功能在完全相同的时间和持续时间内发生：current_item.animate({ 'marginLeft': '20px'});我上面的代码是在向下滑动之前对其进行动画处理。如果我将动画功能移动到下面，它会向下

浏览 6提问于2013-07-19得票数 1

回答已采纳

1回答

探测滑块“光滑涡旋”

javascript、jquery、scroll

我正在开发一个站点，当用户使用鼠标滚轮(或滑动垫)向下滚动时，该站点会自动使用jquery动画向下滚动到下一个元素。问题是，当使用Mac或任何其他“平滑滚动”设备时，如果用户在滑动垫上滑动的速度太快，在动画完成后，它会再次被调用。这样做的原因是，当你使用“光滑滚动”的滑块滚动时，它不会简单地将delta (- 40)传递到站点，而是会传递一整堆三角洲，这些三角洲通常开始很高-100，在滚动结束时下降到-1，给用户一个平滑的滚动结束一开

浏览 3提问于2014-05-30得票数 0

回答已采纳

1回答

什么类型的CSS3动画是异步的？

javascript、css、animation

在浏览器中有几种实现动画的方法：更新我在以下视频中找到了答案：

浏览 2提问于2013-04-29得票数 0

3回答

JQuery IE抖动幻灯片动画

jquery、internet-explorer

我有以下代码来动画显示/隐藏div。当div向下滑动时，动画是平滑的，直到结束时才发生抖动。我知道这是由于div的填充/边距设置造成的。如果我使用a而不是a，那么动画是平滑的，但只要我向中添加任何填充或边距，动画就会跳跃。

浏览 0提问于2009-05-26得票数 6

回答已采纳

3回答

需要一个动画DIV来移动另一个

jquery、html

当第一个设置动画时，它会滑到另一个下面。我如何才能确保当第一个DIVs动画时，它会将第二个DIVs向下推送，而不必同时动画两个DIVs。

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

回答已采纳

4回答

更改高度并向下滑动文本区域

javascript、jquery、html、css、twitter-bootstrap

单击文本区域时，我需要它将文本区域的高度更改为60 to，同时向下滑动，这样看起来就像一个平滑的动画。

浏览 6提问于2013-08-04得票数 0

回答已采纳

1回答

循环中的CSS关键帧渐变动画

html、css、css-animations、linear-gradients、keyframe

我想有一个CSS动画，其中的原始背景是如何使用CSS关键帧创建平滑动画以更改颜色的位置提前谢谢你

浏览 1提问于2020-09-19得票数 1

2回答

滚动上的jQuery下拉菜单

javascript、jquery

当我向下滚动页面时，如何顺利地向下滑动jQuery？如本页所示：var bar = $('div.navbar'); var top = bar.css('top

浏览 6提问于2014-06-11得票数 2

回答已采纳

1回答

使用隐藏在页面上的元素以动画方式滚动到#hash

javascript、jquery

这很有效，但问题是当我向上/向下滑动(显示隐藏)某些元素时。如果点击的链接有类.show，我会显示about部分。如果link没有这个类，我会使用.slideUp函数来隐藏这个元素。

浏览 3提问于2016-10-28得票数 0

点击加载更多

平滑CSS3动画

向下/向上滑动不能正常工作