草庐IT

滚动动画

全部标签

javascript - Protractor 滚动到 View 中不起作用

我刚开始使用Protractor,想直观地看到我的网页向下滚动到一个元素,但它不起作用。我知道滚动到允许我直观地看到滚动发生的窗口。滚动到我的理解dosent所有这些。任何帮助将不胜感激HTML代码aclass="buttonbutton--secondarypromo--app-button"href="https://itunes.apple.com/us/app/homes.com-real-estate-search/id306423353?mt=8&uo=4"target="_blank"data-tl-object="app_referral_hdc_portalhomef

javascript - 在 Bootstrap 模态中滚动到 DIV

我有3个按钮将触发相同的模式但需要滚动到不同的部分。我正在努力实现这一目标,请提供帮助。LaunchmodalLaunchmodalLaunchmodal............................................. 最佳答案 使用模态事件shown.bs.modal并为该部分使用data。打开模式的链接可以在event.relatedTarget中找到。给你:-$('#myModal').on('shown.bs.modal',function(event){//resetthescrolltotop$

javascript - 在 D3.js 中注销缩放监听器并恢复滚动能力

我目前正在使用D3.js。这是为我的svg标签注册缩放监听器的代码varzoomListener=d3.behavior.zoom().scaleExtent([0.1,3]).on("zoom",zoom);functionzoom(){vis.attr("transform","translate("+d3.event.translate+")scale("+d3.event.scale+")");}svg.call(zoomListener)现在,当我在svg元素上滚动鼠标时,它会被缩放。但是当我像这样解除绑定(bind)缩放事件时zoomListener.on("zoom",n

javascript - 无法在嵌套的 ngRepeat 上触发动画

我不知道如何使用Angular在嵌套的ngRepeat上触发动画。CSS类“.test”是动画的。在内部ngRepeat上使用“.test”时它不起作用(Plunker):{{item.title}}在外部ngRepeat上使用“.test”时它确实有效(Plunker):{{item.title}} 最佳答案 您可能需要添加ngAnimateChildren父容器上的属性,并更新css。尝试:-{{item.title}}和.test.ng-move,.test.ng-enter,.test.ng-leave{-webkit-tr

javascript - JQGrid 当 autowidth = true 时如何删除烦人的水平滚动条? (在浏览器中)

在IE中使用autowidth=true时,我似乎得到了一个恼人的水平滚动条这是怎么回事,我该如何摆脱它? 最佳答案 我得到了完美的解决方案。问题出在CSS中。在ui-jqgrid.css中,表格布局是固定的。将其设置为auto它将完美运行。我只是复制了同一个类,即.ui-jqgrid.ui-jqgrid-btable{table-layout:auto;} 关于javascript-JQGrid当autowidth=true时如何删除烦人的水平滚动条?(在浏览器中),我们在StackO

javascript - 如果 CSS3 过渡不存在,使用 Modernizr 和 jQuery 来制作动画

如果不支持CSS3,有没有办法结合使用Modernizr和jQuery来启用类似于转换的功能?我目前正在做的是这样的......ThisdivchangesbothwidthandheightonhoverCSS是.hoverable{height:100px;width:2000px;transition:height.5s,width.5s;}.hoverable:hover{height:200px;width:100px;}如果不支持CSS3转换,我目前只是使用Modernizr使div默认处于悬停状态。如果不支持CSS3,有没有办法使用Modernizr触发jQuery动画?

javascript - 如何在 iScroll 中为滚动条设置动态宽度?

在这个例子中http://bit.ly/t2ImYS所有元素的包装宽度都是固定的8520px#scroller{width:8520px;height:100%;float:left;padding:0;}我要width动态的,所以如果我在中添加更多元素这个#scroller应该采用其中元素的宽度。于是尝试设置宽度#scroller{width:100%;}和#scroller{width:auto}但是滚动条无法正常工作。有没有办法得到width在%卷轴正常工作? 最佳答案 将li元素设置为display:inline-block

javascript - 为每个列表项添加带有延迟的 CSS 动画

这个问题在这里已经有了答案:Howtomakeeachtagappearslowlyoneaftertheother(1个回答)关闭7年前。我正在尝试编写一些jquery,它将遍历指定的无序列表/dom元素并为每个列表项/子项分配一个CSS(动画)类。我还想在.addClass之间设置一个可调整的延迟时间。我尝试过的一切都惨遭失败。例如:Item1Item2Item3Item4变成:Item1(50msdelay)Item2(50msdelay)Item3(50msdelay)Item4(50msdelay)有什么想法吗?

javascript - 如何使用 angularJs ng-repeat 添加滚动条?

我有angularJSng-repeat我想在列表项中添加滚动条,因为它可能在该字段中有4000个字符,所以在这种情况下我如何根据行数或最大值设置滚动条-div的高度?main.htmlNotification{{tests.length}}{{test}} 最佳答案 我认为这是一个HTML问题。尝试将此CSS添加到您的代码中:.panel-body{overflow:scroll;height:100px;}overflow是overflow-x和overflow-y的组合。如果只需要为垂直溢出添加滚动条,只需要overflow-

javascript - 动画结束事件未触发

我正在尝试向元素添加animationend事件,但该事件没有被触发。我做错了什么,我该如何解决?JSFiddlevarbtn=document.getElementById('btn');varelem=document.getElementById('elem');vartimeOutFunc;btn.addEventListener('click',function(){elem.classList.add('show');clearTimeout(timeOutFunc);timeOutFunc=setTimeout(function(){elem.classList.remo