草庐IT

滚动动画

全部标签

javascript - 滚动条不出现在新窗口中

我正在尝试打开一个新窗口,但出于某种原因,滚动条不会出现在Firefox或IE中,但在Chrome和Opera中可以正常工作。这是按钮上的javascript代码(来自PHP脚本),和下面,如果它更具可读性,输出的HTML:window.open('".BASE_URL."utils/viewProfile.php?key=".$key."',null,'width=1280,height=1024,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbar=1,resizable=1')"

javascript - iScroll 滚动条的奇怪位置

我正在构建一个支持触摸的html应用程序,并决定使用iScroll在div中滚动。本质上,我有两个单独的滚动div,但滚动条总是放在页面的最外面http://jsfiddle.net/SRXMn/3/我在这里遇到的问题有两个。1)滚动条都在最右边(这对于向左滚动的内容没有多大意义2)当唯一滚动的内容在下方时,滚动条一直延伸到标题的顶部当我在标题上设置“position:fixed”时,它会缩小到一个很小的尺寸,而且我似乎无法过度调整它。 最佳答案 您可以尝试在div.scroll_hold上使用position:relative

javascript - 如何使用 Jquery .animate() 函数创建连续滚动的内容?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Implementingcircularscrollerinjquery我想创建垂直滚动条,它的工作方式与选取框完全一样。但我希望它是连续的,就像我们使用跑马灯时,整个内容只有在它完全上升后才会回来,但我希望它是连续的。这就是我所拥有的...http://jsfiddle.net/JWfaf/1/我只想朝一个方向继续滚动。我希望我已经清除了我想要实现的目标HTML​JavaScriptfunctionanimatethis(targetElement,speed){$(targetElement).anima

javascript - 在基于触摸的设备上禁用外部内容的滚动(Twitter Bootstrap 导航栏)

我使用twitterbootstrap3。我添加了固定的顶部导航栏。我在导航栏上有下拉按钮。当用户单击按钮时,将打开一个下拉菜单。对于桌面用户来说没问题。但对于移动用户,当用户向下滚动下zipper接时,后面的页面也会滚动。是否可以在用户滚动下zipper接时禁用后台页面滚动?fiddle:http://jsfiddle.net/mavent/2g5Uc/1/当用户触摸下拉部分并像绿色箭头一样触摸时,背景页面像这个屏幕截图中的红色箭头一样滚动:.......编辑:我检查了that,that和that.编辑:这是行不通的。这将停止所有页面滚动。$('#my_navbar_div').bi

javascript - ExtJS TabPanel 在 ViewPort 中缺少滚动条

我有一个ViewPort,我想打开多个选项卡。我的一个标签真的很长,应该会从页面底部滑落。但是,侧面缺少滚动条。这是我的视口(viewport)设置:varviewport=newExt.Viewport({layout:'border',enableTabScroll:true,deferredRender:true,items:[newExt.BoxComponent({//rawregion:'north',el:'north',height:32}),{region:'west',id:'west-panel',title:'West',split:true,width:200

javascript - 我可以在 emberjs 中给 View 一个显示动画吗

这是一个使用emberjs路由器的例子http://jsbin.com/agameq/edit.现在我想在路线改变时有一些显示动画,如淡入淡出或淡入淡出。我该怎么办? 最佳答案 ember中的每个View都有一个名为didInsertElement的方法:CalledwhentheelementoftheviewhasbeeninsertedintotheDOM.Overridethisfunctiontodoanysetupthatrequiresanelementinthedocumentbody.所有的emberView也有一

javascript - 滚动到 anchor 上方 100 像素

我正在使用下面的JavaScript代码来创建从我的导航栏到anchor的滚动效果。我遇到的问题是我希望滚动在anchor上方100像素处停止。我需要在此代码中更改什么才能实现此结果?$(document).ready(function(){$('a[href^="#"]').click(function(){vartarget=$(this.hash);if(target.length==0)target=$('a[name="'+this.hash.substr(1)+'"]');if(target.length==0)target=$('html');$('html,body')

javascript - 如何为跟踪鼠标移动的动画添加惯性?

我正在尝试使用mouseMove事件围绕原点旋转三Angular形。我正在使用touchstart和touchmove事件获取触摸起点和当前触摸点,然后我'm使用以下方法轻松找到方向Angular:alpha=y2-y1/x2-x1;//alphaisthetangentoftheanglebeta=atan(alpha);//betaistheangleinradians然后我在PIXI中旋转元素:functionanimTriangle(beta){//initiallyclearthepreviousshapemyTriangle.clear();//drawanewshapei

javascript - 滚动位置到达屏幕中的元素位置时如何显示和过渡?

假设这是我的模板:Loremipsumdoloroditquisit?Loremipsumdolorsitamet,consectetur.Loremipsumdolorsitamet,tenetur!当RowOne、RowTwo和RowThree在视口(viewport)中显示时,我想分别对其进行显示和动画处理。就像在Laracastswebsite,当滚动位置到达元素偏移量时,元素出现并动画。是否可以使用Vue.js和javascript? 最佳答案 这里是如何使用指令来实现的。Vue.directive('vpshow',{i

javascript - 如何使用 jQuery 和 jQplot 为图表制作动画(更新数据)

我通过更改数据和重绘来随着时间的推移“动画化”图表。//initializationvardata=...vartargetPlot=$.jqplot('#diagram',data,diagramOptions);一段时间后我将以某种方式更改数据并想要更新图表。以下解决方案有效://updateDatatargetPlot.data=...;//removeolddiagram$('#container').empty();//redrawtargetPlot=$.jqplot('#diagram',data,diagramOptions);比特,这是一个完整的重绘。由于数据量大且间