草庐IT

滚动动画

全部标签

javascript - 你如何顺利地制作 twitter-bootstrap 进度条的动画?

我有一个多人游戏,屏幕底部有一个30秒的计时器。如果30秒内没有玩家移动,则提交表单。varProgressValue=0;functionshowProgress(){ProgressValue+=100/30;if(ProgressValue>100){$('form').submit();}//Ajaxisdoneheretoseeifanyonehasmadeamove.$('.progress.bar').css('width',ProgressValue+'%');setTimeout(showProgress,1000);}setTimeout(showProgress,

javascript - 为什么我的 Chrome map 信息窗口中出现滚动条?

这是JavaScript:$(document).ready(function(){//setlocationofsanantoniovarsan_antonio=newgoogle.maps.LatLng(29.4,-98.544);//setinfowindowvarinfoWindow;//objectliteralcontainingthepropertiesvaroptions={zoom:9,center:san_antonio,mapTypeId:google.maps.MapTypeId.ROADMAP}//createthemapvarmap=newgoogle.ma

javascript - jQuery/JS 获取文本区域的滚动条高度

我有一个固定高度的文本区域。当用户在文本区域中键入文本时,将在用户在其中键入一些文本后显示滚动条。如何使用jQuery或纯JavaScript获取滚动条高度?我已经搜索了几个小时,但找不到任何东西。我不能只插入一个div并通过div偏移量获取滚动条高度,因为文本区域不允许有子元素。请不要给我一个可以完成这项工作的jQuery插件的链接。我想学点东西。 最佳答案 textarea.scrollHeight返回一个整数(像素) 关于javascript-jQuery/JS获取文本区域的滚动条

javascript将事件处理程序绑定(bind)到水平滚动

在javascript中有没有一种方法可以将事件处理程序绑定(bind)到水平滚动,而不是在用户水平和垂直滚动时触发的通用滚动事件?我只想在用户水平滚动时触发事件。我四处寻找这个问题的答案,但似乎找不到任何东西。谢谢!附言如果我错误地使用了某些术语,我深表歉意。我是javascript的新手。更新非常感谢您的所有回答!总而言之,你们似乎都在说javascript不支持这一点,但我认为我可以用这样的东西(使用jQuery)来完成功能(jsFiddle):varoldScrollTop=$(window).scrollTop();$(window).bind('scroll',functi

javascript - jQuery 动画颜色变化

我正在尝试将链接颜色从当前颜色更改为其他颜色的动画。$(window).load(function(){$('.article-previewh1a').hover(function(){$(this).animate({color:#ffffff},1500);});});由于某种原因,它无法正常工作。我正在使用jQuerycolorplugin. 最佳答案 您需要将十六进制三元组包裹在一个字符串中,更改为:color:#ffffff为此:color:"#ffffff" 关于javas

javascript - 使用 google-code-prettify 美化代码的滚动条

我正在使用google-code-prettify用于在我的博客中突出显示语法,该博客托管在blogger上。我的问题是我没有看到滚动条出现在我的预格式化代码块周围,即使代码太宽而无法适应指定的宽度。我正在用格式化代码块publicclassMyVeryVeryLongClassnameextendsMyBaseClassWithAnEvenLongerNameimplementsAnInterface,AnotherInterface,YetAnotherInterface{在我的博客上,滚动条永远不会出现,并且线条超出了帖子栏的右边缘(例如,看看thispost),使它看起来非常难

javascript - Pjax动画

我终于让pjax工作了,但我还有另一个问题。我如何添加一些jquery动画,如fadeout/slideup旧内容和fadein/slidedown新内容?默认情况下pjax只是改变内容而没有任何好看的效果..如有任何帮助,我们将不胜感激。最好的问候 最佳答案 基本上,您有abunchofevents捕获并随心所欲地做。这是使用pjax:start和pjax:end作为触发器的基本fadeIn和fadeOut版本。$(document).on('pjax:start',function(){$('#main').fadeOut(20

javascript - 彩虹色文字的循环动画

使用JavaScript/jQuery在悬停时循环显示颜色我正在尝试获取一段文本,根据HSL0deg和360deg之间的计算位置为每个字母着色,并在悬停时将颜色动画化到右侧。我知道这很奇怪,但请耐心等待。我想要的是悬停时的动画彩虹文字。我已经介绍了让所有这些都发生一次的逻辑,但是无法让悬停循环行为起作用。这里是codepen.io的链接:http://cdpn.io/txmlf我尝试过使用JavaScript鼠标事件和jQuery的.hover()。我最初的想法是在鼠标进入时设置一个间隔并在退出时清除它。对于这个显然非常重要的元素,我非常感谢任何帮助。 最佳

javascript - AngularJS 并在 Controller 中获取窗口滚动位置

我在理解如何在我的Controller中获取窗口的滚动位置时遇到了一些困难,因此我可以围绕它构建逻辑。从我阅读的所有问题和答案中,最被接受的答案似乎是编写一个计算滚动位置的指令,将该指令粘贴到一个元素上,仅此而已。但是,当您想按照以下方式做某事时:if(scrollY>100){$scope.showMenu=true;}if(scrollY>500){$scope.showFooter=true;}这种方法似乎行不通,因为无法从Controller访问指令中计算出的位置。执行此操作的正确“Angular”方法是什么,它仍然允许从Controller执行稍微复杂的逻辑?

javascript - 在 Html2Canvas 中呈现时,页面滚动到顶部

我正在使用html2canvas库,使用以下代码:html2canvas(document.body,{onrendered:function(canvas){document.body.appendChild(canvas);}});当onrendered被触发时,页面会自动滚动到顶部。无论如何我们可以保持我们的滚动位置而不被自动带到页面顶部吗? 最佳答案 我查看了html2canvas.js并看到了以下行:_html2canvas.Parse=function(images,options){window.scroll(0,0)