草庐IT

滚动动画

全部标签

javascript - 不用jquery的动画,左右滑动

我想在显示时将div向左滑动,在隐藏时向右滑动,但我不想使用jQuery。有没有办法在不使用javascript库的情况下制作简单的动画并支持IE7和IE8?这是我的显示/隐藏js:functionshowHide(){varElliot=document.getElementById('Daniel').style.display;if(Elliot=="block"){document.getElementById('Daniel').style.display="none";}else{document.getElementById('Daniel').style.display

javascript - Wow.js 不会加载延迟超过 1 秒的动画。为什么?

我在wow.js中使用animate.css。第三个,数据延迟超过一秒,不fadeInLeft。它正常淡入(不是从左侧淡入)。有人遇到过这个问题吗?我该如何解决?--这是我的看法。我在页面上有三个列表项。Text1Text2Text2 最佳答案 我知道这个帖子有点老,但我想我会发布我所知道的:尝试使用节类。Text1Text2Text3 关于javascript-Wow.js不会加载延迟超过1秒的动画。为什么?,我们在StackOverflow上找到一个类似的问题:

javascript - 纯 JavaScript 动画缓动

几个小时以来,我一直在努力寻找一个纯JavaScript的简易实现,但一无所获。那些接近的没有任何意义。我所能找到的只是一堆没有实现的缓动函数。例如,像这样的函数:functionlinear(time,begin,change,duration){returnchange*time/duration+begin;}functioneaseInQuad(t){returnt*t},functioneaseOutQuad(t){returnt*(2-t)},困扰我的一件事是fps在哪里发挥作用?它与持续时间直接相关。我没看到有人提到它。如何在下面的动画中实现上述缓动函数?JSFiddle

javascript - 设置动画速度 - ChartJS?

我正在尝试在chartJS中设置饼图的动画速度。我试过以下方法:numSteps:数字animationSteps:数字Chart.defaults.global.animationSteps=数字这些都没有改变速度。有什么建议吗?varmyNewChart;vardata=[{value:30,label:"hello",color:"#F7464A"},{value:50,color:"#E2EAE9"},{value:100,color:"#D4CCC5"},{value:40,color:"#949FB1"},{value:100,color:"#4D5360"},];varo

javascript - 添加新行时,有没有办法让 jqGrid 滚动到底部?

我在页面上有一个jqGrid,用户可以单击一个按钮来添加新行。如果页面上已经有足够的行来填充网格的可见部分,则会添加新行并出现滚动条,但用户需要滚动才能看到新行。有没有办法以编程方式执行此操作? 最佳答案 使用jqGridAPI执行此操作的一种快速简便的方法是:调用editRow(这会将焦点设置到已编辑的行)然后立即调用restoreRow(因为您真的不想编辑该行)否则,您应该能够使用jQuery的focus函数将焦点设置到该行,例如:jQuery("#"+row_id).focus()-但我还没有测试过这个方法,所以YMMV。实际

javascript - jQuery 在悬停时滚动到 div 并返回到第一个元素

我基本上有一个设置尺寸和overflow:hidden的div。该div包含7个子div(但一次只显示一个),当它们各自的链接悬停时,我希望它们可以垂直平滑地滚动。但是,第一部分(div)没有链接,并且在没有悬停链接时是默认部分。看看这个jsFiddle,了解我所说内容的基本结构:http://jsfiddle.net/YWnzc/我曾尝试使用jQueryscrollTo来完成此操作,但未能成功。如有任何帮助,我们将不胜感激。谢谢。 最佳答案 是这样的吗?http://jsfiddle.net/YWnzc/5/代码:jQuery("

javascript - jQuery 单击滚动条未注册为 IE 中的元素?

这是特指jQuerydropkick插件:http://jamielottering.github.com/DropKick/滚动到第二个演示,其中列表溢出并且有一个滚动条。在除IE之外的任何浏览器中,您都可以与滚动条进行交互。在IE中,面板在鼠标松开时隐藏,就好像它认为点击可能在元素之外?我希望得到任何帮助来找出问题。 最佳答案 尝试这样做:$dk.bind('focus.dropkick',function(e){$dk.addClass('dk_focus');});$(document.body).bind('click.d

javascript - 到达另一个 div 时停止 div 滚动

基本上,我目前有一个div,它保持固定并在用户滚动时跟随用户向下滚动,直到到达某个点。我可以很容易地让它停在一个固定的像素位置,就像我在下面的例子中所做的那样,但是因为我是一个jQuery白痴,所以我不知道如何让它停在一个div上。这是我到目前为止使用的内容:varwindw=this;$.fn.followTo=function(pos){var$this=this,$window=$(windw);$window.scroll(function(e){if($window.scrollTop()>pos){$this.css({position:'absolute',top:pos

javascript - 如何抓取无限滚动页面?

我正在尝试构建可以从具有无限滚动的页面中抓取内容的东西。但是,我无法从第一个“中断”下方获取内容。我该怎么做? 最佳答案 无限滚动几乎总是通过使用AJAX或相关技术在JavaScript中完成的。因此,您的网络爬虫获取HTML并解析它是不够的;它必须下载并执行javascript,或者至少扫描它以查找AJAX调用。执行完整的javascript可能是最好的(即最能保证工作),但也可能是最难做到的。扫描AJAX请求的javascript和/或寻找执行AJAX调用的函数然后进行DOM操作可能是最简单的(相对于完整的JS执行)

javascript - 循环 CSS 动画

所以我这里有这个漂亮的CSS动画,我希望它循环播放。遗憾的是,我几乎没有使用CSS动画的经验,也不知道该怎么做。如果这里有人可以帮助我,我将不胜感激。谢谢!HTMLWeeeeeeeJavascript$("#msg").click(function(){varduration=1400;$msg=$(this);$msg.css("-webkit-transform","scale(2)").css("-webkit-transition-timing-function","ease-out").css("-webkit-transition-duration",duration+"m