草庐IT

滚动动画

全部标签

javascript - 使用 jQuery 制作 PNG 动画?

是否有一个简单的插件或一些强大的代码可以让我使用简单的启动和停止方法为PNG制作动画?TSM,亚历克斯。[编辑:我制作了一个jQuery插件来为PNG动画。全部完成后会发布。] 最佳答案 虽然这不是“现成的”插件,但您可能有兴趣查看以下教程:BuildinganAnimatedCartoonRobotwithjQuery所有层都使用PNG图像。它解释了如何实现startHim()方法,我相信您可以将其转换为stopHim()。除非您正在尝试做类似的事情,否则您可能能够浏览它。 关于jav

javascript - 如何调整/更改滚动条宽度

在我测试一些布局代码时,有没有办法在FF或IE中临时更改滚动条宽度?我记得不久前读过一些关于这与分辨率有关的内容,但记不太清了。我尝试更改计算机本身的分辨率,尝试增加浏览器字体大小,但都没有用。更新我遇到过thisthread描述了如何在Firefox中编辑设置,但它工作不顺利,至少对我来说还不顺利。提问者说这最终对他有用,所以我稍后会做更多的测试。 最佳答案 ::-webkit-scrollbar{width:6px;background-color:rgba(0,0,0,0);-webkit-border-radius:80px

javascript - 滚动时滚动到

我尽可能将我的代码隔离到这个:http://jsfiddle.net/uXVWu/HTML:Hi!JS:vartheAnchor=document.getElementById("stopHere");vartempX,tempY;functionstopScroll(e){varc=parseInt(document.getElementById('stopHere').offsetWidth);vard=parseInt(document.getElementById('stopHere').offsetHeight);if(tempXCSS:#stopHere{float:lef

javascript - jQuery 动画设置回调抛出错误

我想实现一个jQuery动画回调方法progress或者step,但无论哪种情况,我都会收到以下错误:NS_ERROR_IN_PROGRESS:Componentreturnedfailurecode:0x804b000f(NS_ERROR_IN_PROGRESS)[nsICacheEntry.dataSize]我搜索了很多但无法在上下文中找到任何内容,我有点卡在这里,请提出可能导致此错误的原因?在fiddle中,我尝试了step和progress及其在那里的工作,但无法在我的代码中工作,我只是在看,有人在jquery动画中遇到过这种错误吗?示例代码为:this.taskHandle.

javascript - 如何在 Angular Material 动画之后执行代码

我正在使用AngularMaterial在一个网站上。作为响应式框架,它处理不同窗口大小的渲染。改变窗口大小时,添加一些布局变化和控件移动的动画示例:https://material.angularjs.org/latest/demo/gridList(打开链接并调整窗口大小)我在示例中显示的图block上有一些WebGLCanvas,需要在动画完成后重新绘制(并且容器具有最终尺寸)。如何获得一些回调或promise以完成UI动画? 最佳答案 此问题的解决方案是将属性md-on-layout添加到md-grid-list(docs)

javascript - 在解决控制台中的 [Violation] 警告时滚动 DIV 时防止页面滚动

起初这似乎是重复的问题回答here但还有更多问题需要弄清楚。在googlechrome控制台中给定[Violation]警告,我该如何解决?[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive.这是有效的代码片段,但带有上述[Violation]警告。$.fn.isolatedScroll=function(){this.on('mousewheelDOMMo

javascript - Angular 4 使用 Angular 动画为任何高度/位置变化设置动画

我希望这是一个非常直截了当的问题。有没有办法使用Angular动画语法为元素上的任何高度或位置变化设置动画?例如,如果删除一个DOM元素导致另一个元素向上移动,是否可以在不设置状态变量的情况下为向上移动设置动画?或者类似的没有状态的东西。提前致谢。 最佳答案 您可以为所有可能被动态删除/添加的子元素添加一个折叠动画。如果子高度是动画的,那么容器大小也是动画的。trigger('fold',[transition(':enter',[style({height:0,overflow:'hidden'}),animate('.3seas

javascript - 使用 javascript 或 jquery 水平滚动 div onclick

过去两天我一直在为此寻找一个简单的javascript或jquery代码。我想合并一个使用javascript或jquery的水平滚动div来显示我的网络作品集工作页面的图像和描述性文本。它的功能与这里显示的glide-onclick滚动非常相似:http://www.dyn-web.com/code/scroll/demos.php#horiz不幸的是,代码许可证是40美元,而我是一个破产的学生。在加载页面时,将显示三个投资组合图像。额外内容隐藏在右侧的溢出部分中。点击左箭头(我可以创建),一个新的图像幻灯片从右侧进入View。单击右箭头会将其送回溢出。我不需要滚动条,只需要控制幻灯

javascript - 整页水平滚动问题

整页滚动还有其他替代方法吗?整页滚动示例http://jscrollpane.kelvinluck.com/fullpage_scroll.htmlstep-1通过点击Restoredown按钮使窗口宽度变小。step-2向右滚动现在第3步,通过单击“最大化”按钮使窗口宽度变大。现在,页面左对齐jQuery$(function(){varwin=$(window);win.bind('resize',function(){varcontainer=$('#full-page-container');container.css({'width':1,'height':1});contai

javascript - 使用内联动画关键帧定义?

我们有这种在css文件中定义关键帧的语法:@-webkit-keyframesfade{from{opacity:1;}to{opacity:0.25;}}我们像这样引用它:.foo{-webkit-animation:fade1slinearinfinite;}有没有办法直接内联它,比如:.foo{-webkit-animation:(from{opacity:1;}to{opacity:0.25;})1slinearinfinite;}有没有办法做到这一点,或者在运行时将“@-webkit-keyframes”元素注入(inject)我的样式表?谢谢 最