草庐IT

滚动动画

全部标签

javascript - 我如何在angularjs中滚动一个div

这很容易用jQuery完成:varmsgs=$(".messagesul")varscroll=falseif(msgs[0].scrollHeight===(msgs.scrollTop()+msgs.outerHeight())){scroll=true}$scope.messages.push(data)if(scroll){setTimeout(function(){msgs.scrollTop(msgs[0].scrollHeight)//Allowittoupdate!},0)}为了提供一些上下文,ul是消息的容器,我遍历$scope.messages中的数组,如果容器滚动

javascript - Bootstrap v3 - 打开模态窗口强制页面向上滚动到顶部

当我打开模态窗口时,它会将背景上下文一直滚动到顶部。示例我在页面底部有打开模式窗口的链接。当我单击链接时,窗口将向上滚动到文档顶部,然后显示模态窗口。我对模态窗口的定位没有问题。我只是不希望在打开页面之前向上滚动。我主要使用来自BSv3(​​github上的最新版本)的默认CSS和几乎默认的模态主体。我正在使用JS填充模态框的标签和正文,然后打开它×Modaltitle 最佳答案 我遇到了同样的问题。我有一个按钮调用javascript函数来打开模式:openmodal并将其更改为:openmodal这解决了滚动到顶部的

javascript - DataTables 插件 - 在 tfoot 标签下方显示滚动条?

我使用jQueryDataTables插件和"scrollX":true进行水平滚动。为什么在tfoot标签上方出现滚动条?如何让它出现在页脚下方?vartable=$('#example').DataTable({"scrollX":true,"scrollCollapse":true,"dom":'Zlrtip',"colResize":{"tableWidthFixed":false,//"handleWidth":10,"resizeCallback":function(column){}},"searching":false,"paging":false,"info":fal

javascript - 如何仅为 Bootstrap 模式内的选定 div 添加垂直滚动?

我在bootstrap模式中有2个div,由col-8和col-4分隔。这里我如何只为添加垂直滚动col-4div?/*.addScroll{overflow-y:auto;}*//*.modal-body{overflow-y:auto;}*/OpenModal×ModalHeaderIn1980,physicistTimBerners-Lee,acontractoratCERN,proposedandprototypedENQUIRE,asystemforCERNresearcherstouseandsharedocuments.In1989,Berners-Leewr

javascript - Angular 5 交错动画 - 如何进行倒序

在使用AngularCDK和开发自定义组件时,我正在尝试使用ngIf和ngFor实现交错动画。动画是一系列简单的淡入。以下简化的HTML:ToggleChild1Child2Child3和组件:@Component({selector:'my-app',templateUrl:'./app.component.html',styleUrls:['./app.component.css'],animations:[trigger('parentAnimation',[transition('void=>*',[query('.child',style({opacity:0})),quer

javascript - jScrollPane:删除滚动条装订线?

我希望将滚动条置于内容上方,而不是在其旁边强制设置一个间距。在所附图片中,您可以看到它当前对红色滚动条的作用...它创建了一个垂直间距,将内容推到一边。但我想做的是底部的内容...将滚动条置于内容之上。我试过绝对定位.jspVerticalBar但我没能摆脱gutter。编辑:这是问题的jsFiddle:http://jsfiddle.net/8Mebt/3/--如您所见,最右边仍然有一个空隙,并且项目的“选中”状态并没有像我希望的那样一直延伸。 最佳答案 .jspVerticalBar已经绝对定位。将它的right属性设置成你想要

javascript - jQuery 动画延迟

如何使用jQuery延迟动画?我需要获取一个navigation展开宽度,然后展开高度,然后reversed做反向动画。代码:$(function(){$("#navli").not("#logo,#navliulli").hover(function(){$(this).animate({width:"200px"},{queue:false,duration:1000});},function(){$(this).animate({width:"30px"},{queue:false,duration:1000});});$("#navli.parent").hover(funct

javascript - 在 jQuery UI 模态对话框中显示 iframe 的加载动画

用户界面专家,我试图在jquery模式对话框中的iframe中加载一个慢速网站,但我遇到了麻烦。这是我的用例:打开一个jquery对话框,带有一个“正在加载...”gif在后台加载不同的URL加载后,将gif替换为URL我可以用下面的代码直接打开URL:varpopup=$('').prependTo('body');popup.prepend('');$('.dialogIFrame').attr("src",'http://myslowsite');$('.dialogIFrame').show();popup.dialog({modal:true,title:'Site',wid

javascript - 如何为 google maps api 圆制作动画?

我在CSS3中构建了一个脉冲动画我想在googlemapsapi中实现标记不幸的是它不可能直接插入到map中。CSS3动画或是否有任何选项是否可以将googlemapcircle作为动画增加和减少。varmyCity=newgoogle.maps.Circle({center:bigOne,radius:150,strokeColor:"#E16D65",strokeWeight:2,fillColor:"#E16D65",fillOpacity:0});varsmallcircle=newgoogle.maps.Circle({center:smallOne,radius:300,s

javascript - 使滚动侧边栏停在页脚处

我目前使用的是:http://jsfiddle.net/0mLzseby/469/让我的侧边栏跟随页面。不过我的页脚很大,我希望div在到达页脚时停止,而不是继续滚动。我目前的代码是:functionsticky_relocate(){varwindow_top=$(window).scrollTop();vardiv_top=$('#sticky-anchor').offset().top;if(window_top>div_top){$('#sticky').addClass('stick');}else{$('#sticky').removeClass('stick');}}$(