草庐IT

滚动动画

全部标签

javascript - 如何同步div的两个滚动条

我有这个文件比较代码:http://jsfiddle.net/CrN6X/现在它满足了我的需要:一个只能垂直滚动的大div两个仅水平滚动的较小潜水这样我可以很容易地比较我的文件,但我有一个问题:底部滚动条只有在我一直向下滚动时才能访问。如何让它们float或将滚动条移动到另一个总能看到的div,这样我就不需要一直向下滚动另一个div到底部访问它们? 最佳答案 这里的javascript是您真正需要的,但我添加了html,以便您可以看到它的实际效果。$("#div1").scroll(function(){$("#div2").scr

javascript - 如何判断垂直滚动条是否到达网页底部?

同样的问题在jQUery中得到了回答,但我正在寻找没有jQuery的解决方案。Howdoyouknowthescrollbarhasreachedbottomofapage我想知道如何判断垂直滚动条是否到达网页底部。我正在使用Firefox3.6我编写了简单的Javascript循环来向下滚动200像素,当滚动条到达页面底部时,我想停止循环。问题是scrollHeight()返回1989。并且内部循环scrollTop每次迭代递增200。200==>400==>600....1715并且从1715开始,它不会递增,所以这个循环会一直持续下去。为了确定滚动条的实际位置,比较scrollH

javascript - 使用 JS/CSS 实现更流畅的图像动画的技术

我正在使用以下代码在网页的顶层滑动图像,但它有点抖动,在图像下方出现条纹垂直线,尤其是在包含许多嵌套元素的内容上方时。即使边界设置为零也是如此。对于使用JS/CSS滑动图像的更流畅的方法有什么建议吗?border=4;pps=250;//speedofglide(pixelspersecond)skip=2;//e.g.ifsetto10willskip9in10pixelsrefresh=3;//howoftenlookstoseeifmoveneededinmillisecondselem=document.createElement("img");elem.id='img_id'

自动滚动到不断增长的页面底部的 Javascript 机制?

希望这对于那些使用Javascript的人来说是一个简单的答案......我有一个日志文件,该文件正在被一个脚本监视,该脚本将注销中的新行提供给任何连接的浏览器。一些人评论说,他们希望看到的更多是“tail-f”行为-最新的行将始终位于浏览器页面的底部,直到查看者向上滚动才能看到某些内容。滚动回到底部应该会返回到自动滚动行为。我对这个问题的谷歌删除是-希望-只是对javascript一无所知,因此不知道要搜索什么关键字。我不需要完整的解决方案-只需要一个“足够接近”的解决方案,让我可以投入其中并亲自动手。编辑:我一直在尝试scrollTop/scrollHeight的想法,但显然遗漏了

javascript - 重置类时 CSS 动画不会重新启动

我正在使用CSS着色器+动画。我的着色器类定义如下:.shader{-webkit-filter:custom(url(v.vs)mix(url(f.fs)multiplydestination-over),200200);-webkit-animation-name:test;-webkit-animation-duration:2s;-webkit-animation-iteration-count:1}我正在尝试通过$('#holder').addClass('shader');和$('#holder').removeClass('着色器');然而,奇怪的是当我重置类时(例如,在

javascript - 你能用 JavaScript/jQuery 获取用户每次滚动时的滚动位置吗?

是否可以在用户滚动时抓取用户滚动条的当前位置?比如说,如果他们滚动到最顶部,它会是0,如果他们向下滚动,它会改变。我可以分配一个变量来包含我每次访问它时的当前滚动位置,还是JavaScript中已经有一个函数可以做到这一点? 最佳答案 从您的评论中,我知道您正在寻找一个滚动事件监听器,例如http://api.jquery.com/scroll/,然后你可以使用http://api.jquery.com/scrollTop/找出滚动的位置。例如:$(window).scroll(function(){//You'vescrolled

javascript - 使用javascript平滑自动滚动

我正在尝试在我的网页上实现一些代码以在加载页面后自动滚动。我使用了一个Javascript函数来执行自动滚动,当页面加载时我调用了我的函数,但是页面仍然不流畅滚动!有什么方法可以自动平滑地滚动我的页面吗?这是我的Javascript函数:functionpageScroll(){window.scrollBy(0,50);//horizontalandverticalscrollincrementsscrolldelay=setTimeout('pageScroll()',100);//scrollsevery100milliseconds} 最佳答案

javascript - JQuery 背景颜色动画不起作用

我想将“exampleDiv”的背景颜色从原来的白色背景更改为当我调用下面的代码立即将背景更改为黄色然后淡化回原来的白色背景时。$("#exampleDiv").animate({backgroundColor:"yellow"},"fast");但是,此代码不起作用。我只有JQuery核心和JQueryUI链接到我的网页。为什么上面的代码不起作用? 最佳答案 我在animate方面取得了不同程度的成功,但发现使用其内置回调加上jQuery的css似乎适用于大多数情况。试试这个函数:$(document).ready(functio

javascript - 全局关闭 HighCharts 中的动画

我正在使用HighCharts生成具有多个系列的多面板图表。据我所知,停止动画的唯一方法是使用animation:false为每个图表设置plotOptions属性的属性,然后再次为每个系列设置。有没有办法为所有绘制的图表默认设置动画? 最佳答案 是的,你必须使用Highcharts.setOptions。这样您就可以为所有图表设置默认选项。Highcharts.setOptions({plotOptions:{series:{animation:false}}});http://api.highcharts.com/highsto

javascript - 如何使用 Javascript 平滑地更改无限动画(在 CSS3 中)的执行时间

我在stackoverflow中搜索了很多与我的问题相关的问题,但我还没有找到一个可以用纯JavaScript(不使用任何类型的库)回答我的问题的问题。我的问题是我有一个CSS3的无限动画,即:.clockwiseAnimation{top:270px;left:200px;position:absolute;-webkit-animation:clockwise4slinearinfinite;/*Chrome,Safari5*/-moz-animation:clockwise4slinearinfinite;/*Firefox5-15*/-o-animation:clockwise