草庐IT

animate-scrollTo

全部标签

javascript - 跨浏览器 jquery animate scrollTop

我在使用jqueryanimatescrollTop到定义的div时遇到了问题。我使用这段代码为滚动设置动画:$('body').animate({scrollTop:$('#sections_display').offset().top-100},500,function(){$('#ajax_load').load('file.php');});但这在Firefox或IE中不起作用。当我使用$('html').animate而不是$('body').animate时,它在Chrome中不起作用。我也尝试同时使用两者:$('html,body').animate但问题是回调函数$('

javascript - jQuery scrollTo 但在两者之间变慢

我正在使用一个简单的代码块(基于“ScrollToPostswithjQuery”,它允许您单击下一个/上一个链接,它会跳转到每个帖子的顶部。我有我的HTML结构,所以它是post>image>post>image等等。我想知道是否有可能如果您单击下一个/上一个按钮,它会像往常一样滚动到下一个帖子,但它会悬停/悬停在中间的图像/div上?所以它最终完成了它的滚动,但在其间的div上变慢了。这是我的jQuery代码:$(function(){functiona(f){varb,e,c=[],d=$(window).scrollTop(),g=$('.section-slide');g.e

JavaScript/jQuery : Animate li movement within a list?

我有一些代码与此处的jQueryUISortable示例基本相同:http://jqueryui.com/demos/sortable/#default这允许用户重新排序UL中的LI元素。不过,我现在遇到了一种情况,我想为LI改变位置设置动画……基本上就像用户自己拖动它们一样。事实证明,这比我预期的要困难得多,因为我没有为可以用CSS表达的变化制作动画,所以jQuery的animate()不会有帮助。我可以通过做一些数学运算并绝对定位列表元素来解决这个问题,但这看起来非常丑陋。有没有一种优雅的方法可以让我的列表元素四处移动? 最佳答案

javascript - Polymer core-animated-pages 默认页面

我正在使用Polymercore-animated-pages在我的网站主页之间切换。我通过的id来选择需要显示的页面.您可以查看实际示例here.现在,我遇到的问题是在加载页面时,应该选择的页面是从url加载的,例如www.example.com/home显示主页,www.example.com/activities显示事件页面(示例中省略的代码,因为不是很相关)。但是链接提供的id不存在怎么办?是否有显示默认值的选项core-animated-pages-带有404消息的页面?或者我是否必须检查每个链接是否在我所有页面的数组中,如果是,则手动加载错误页面并显示正确的页面?同样,这里

javascript - ngRepeat with ngAnimate 在我的元素上设置 "data-ng-animate= 2"

我不知道为什么ngRepeat在我的元素上添加了data-ng-animate=2属性。为什么会这样?我这样写:我明白了:谢谢! 最佳答案 正如您在thesourcecodehere中看到的那样data-ng-animate属性用于跟踪动画的状态:varPRE_DIGEST_STATE=1;varRUNNING_STATE=2;所以基本上它只是在元素本身上存储它自己的动画状态。在您的情况下(2)它正在运行。如果您跟随NG_ANIMATE_ATTR_NAME浏览该文件,您可以跟随它添加、更新和最终从元素中删除。

javascript - Angular 动画 : Animate Parent and Child Elements

我用Angular动画创建了一个元素(div.parent),效果很好。当我向它添加一个子元素并尝试同时为该子元素设置动画时,其中一个动画并没有结束运行(它只是捕捉到新状态)。堆栈Blitz:https://stackblitz.com/edit/angular-2tbwu8标记:动画:trigger('theParentAnimation',[state('down',style({transform:'translateY(100%)translateZ(0)',})),transition('**',[group([query(':self',[animate('0.9scubi

javascript - leaflet.js : Fire event when setView() has finished the animation. 这怎么可能?

我目前正在使用leaflet.js,我现在正在网上搜索很多,以找出:如果有一个事件,可以在异步函数setView()的动画结束后触发。这是我尝试过的:map.setView([lat,lon],12,{pan:{animate:true,duration:0.5},zoom:{animate:true},animate:true}.on('ready',function(e){console.log("animationfinished!");});setView-command完美运行,但是本地图动画准备就绪时应该触发的函数不起作用。有没有人有解决办法?

javascript - 谷歌 API : gauge animation

我试图让googlegaugepointer移动,但它没有移动,我已经设置了动画配置,因为它应该在varoptions中设置,例如duration:1000和easing:'inAndOut',我是n00binGoogleAPI所以为了我的无知尝试。谁能帮帮我。这是tutoriallink我正在使用它。代码正在工作,但部分工作,仪表指针应该缓慢移动到它的最大值,但是,在我的情况下它不会工作。这是代码。google.load('visualization','1',{packages:['gauge']});google.setOnLoadCallback(drawChart);func

javascript - 尝试包含 ngMaterial $mdToast、$animate 时出现 Angular Material "[$injector:unpr] Unknown provider"错误

我正在尝试在此应用中使用ngMaterial:Bower.json文件:{"name":"x","version":"0.0.0","description":"x","dependencies":{"bootstrap":"~3","angular":"~1.4.7","angular-resource":"~1.4.7","angular-animate":"~1.4.7","angular-mocks":"~1.4.7","angular-bootstrap":"~0.13","angular-ui-utils":"bower","angular-ui-router":"~0.2

javascript - 如何在 Jest 中监视 window.scrollTo?

我得到了一个非常简单的React组件,具有以下功能:componentDidMount(){window.scrollTo(0,0)}看来你不能做类似的事情window.scrollTo=jest.fn()监视scrollTo函数。因此,我想知道监视此函数并断言它已在我的测试中使用过的最佳方法是什么。谢谢 最佳答案 开个Jest,全局namespace必须通过global而不是window访问。global.scrollTo=jest.fn() 关于javascript-如何在Jest中