草庐IT

滚动动画

全部标签

javascript - Bootstrap 边栏滚动、Affix 和 Scrollspy

较新所以滚动现在可以正常工作了……但是它固定在页面的顶部。我需要它位于正确的位置(在内容旁边),然后在它的当前位置开始滚动内容。我想让我的侧边栏像这里这样滚动->http://getbootstrap.com/2.3.2/components.html网址是http://www.katyasarmiento.zzl.org(目前是免费托管网站)年长我真的很难过。我已经尽我所能查找了所有内容,但我仍然无法弄清楚。我通过找到的教程让它工作了一段时间,但它在ScrollSpy上效果不佳。所以我正在尝试使用Bootstrap的Affix。我是javascript/jquery的新手,所以如果有

javascript - 在向下滚动之前,页面加载时显示粘性 "back to top"按钮

我按照教程获得了一个粘性的“返回顶部”按钮,该按钮会在您向下滚动时出现。出于某种原因,当您在页面首次加载后位于页面顶部时,它会显示。如果向下滚动,然后一直向上滚动,它就会消失(应该如此)。但最初它表现不正常。有什么想法吗?这是我正在使用它的实时页面,您可以在右下角看到它:http://willryan.usHTMLBacktotop$(document).ready(function(){//Showorhidethestickyfooterbutton$(window).scroll(function(){if($(this).scrollTop()>200){$('.go-top'

javascript - 使用 AngularJs 和 Firebase 无限滚动

如何对从firebase获取的数据实现无限滚动。到目前为止,我找到了一个angularjsdirective,这真的很棒,但我很难用fireable实现它,因为firebase在一个请求中返回所有数据,这不是我想要的。 最佳答案 几周前,我制作了一个允许在myapp中无限滚动的JS函数。.首先,用户访问网站时显示一组数据://Addacallbackthatistriggeredforeachmessage.varn=25;//Stepsizeformessagesdisplay.$(window).load(function(){

javascript - 有条件地阻止移动 safari 中的滚动/触摸移动事件

iOS5现在允许原生溢出:滚动支持。我想做的是为所有元素禁用touchmove事件,但具有“可滚动”类的元素或其子元素除外。但我似乎无法让它工作;这是我一直在使用的以下内容:.scrollable{height:5em;overflow-y:scroll;-webkit-overflow-scrolling:touch;}//doesn'tseemtoworkvarhandleMove=function(e){if(!$(e.target).parents().andSelf().hasClass('scrollable')){e.preventDefault();}};documen

javascript - JQuery 是如何做动画的?

JQuery是用Javascript编写的。作为对两者都有所了解的人,我不得不想知道他们是如何写出其中的一些内容的。如何在纯Javascript中为HTML元素制作动画?是否只是重复更新要动画化的CSS属性,使用标准DOM操作,使用回调使其异步?还是更复杂的东西? 最佳答案 jQuery动画只是在循环计时器上更新CSS属性(这使其异步)。他们还实现了一个补间算法来跟踪动画是提前还是落后于计划,并且他们在每一步调整动画中的步长以根据需要catch或放慢速度。这允许动画在指定的时间内完成,而不管主机的速度有多快。缺点是慢速或繁忙的计算机

javascript - Angular 动画作为单独的文件而不是内联的

我一直在摆弄Angularanimations并且想知道是否有最好/推荐的方法来避免内联样式......例如,@Component({selector:'page-that-needs-anime',templateUrl:'./anime.component.html',styleUrls:['./anime.component.scss'],animations:[trigger('animeTrigger',[state('in',style({transform:'translateY(0)'})),transition('void=>*',[animate(700,keyfr

javascript - 使用 javascript 滚动日志文件 (tail -f) 动画

我想在网站上创建一个动画来模仿滚动的日志文件或tail-f。我会向它提供一个虚假日志消息列表,它们将被写入div的底部,并在显示新消息时向上滚动并离开顶部,然后循环。它需要看起来真实,黑底白字,使用固定宽度的字体等。有谁知道任何可以帮助我解决这个问题的javascript或jQuery库?我是JavaScript的初学者,因此非常感谢任何有关如何处理此问题的建议。 最佳答案 我已经为你做了一个简单的例子http://jsfiddle.net/manuel/zejCD/1///somedemodatafor(vari=0;i").te

javascript - 如何在特定位置启动 CSS3 动画?

我正在使用CSS3动画,我希望能够移动到动画中的特定位置。例如,如果CSS看起来像这样(假装我使用了所有正确的前缀):@keyframesfade_in_out_anim{0%{opacity:0;}25%{opacity:1;}75%{opacity:1;}100%{opacity:0;}}#fade_in_out{animation:fade_in_out_anim5s;}然后我希望能够停止动画,并将其移动到50%标记。我想理想的JavaScript应该是这样的:varstyle=document.getElementById('fade_in_out').style;style.

javascript - amCharts 禁用动画

我正在使用amCharts制作一些图表,但由于所述图表中的数据量太大,动画会滞后并消耗大量处理能力,这不是必需的。我想知道是否可以禁用amCharts系列图表中的所有动画,如果可以,如何禁用? 最佳答案 在amCharts系列图表动画中,默认情况下是不启用的。如果它为您启用,则您的图表配置中可能有一行设置startDuration属性(property)。只需将其删除,或将其设置为零以禁用所有动画。 关于javascript-amCharts禁用动画,我们在StackOverflow上找

javascript - 单线程JavaScript下的动画

JavaScript是一种单线程语言,因此它一次执行一个命令。正在通过浏览器管理的WebAPI(用于事件处理的DOM,用于AJAX调用的XMLHttpRequest,用于setTimeout的WindowTimers)和事件队列来实现异步编程。到现在为止还挺好!现在考虑以下非常简单的代码:$('#mybox').hide(17000);console.log('Previouscommandhasnotyetterminated!');...有人可以向我解释以上内容的潜在机制吗?由于.hide()尚未完成(动画持续17秒),并且JS引擎正在处理它,并且它能够一次执行一个命令,因此它将转