我正在研究简化的垂直视差(类似于http://nikebetterworld.com)。我有一个quickdemoworking-代码在技术上是可行的，但每次滚动后我都会对重绘产生紧张的效果-似乎javascript发生得很晚。知道为什么吗？我在脚本中看不到任何真正突出的地方。vargetYPosition=function(){if(typeof(window.pageYOffset)=='number'){returnwindow.pageYOffset;}else{returndocument.documentElement.scrollTop;}};$(document).re
这个问题与其说是视差，不如说是滚动事件。我对我的项目最关心的是视差滚动效果是平滑的而不是抖动的。那么我的问题是，某些属性的动画/滚动效果是否比其他属性更好？例如，background-position是否比在滚动时调整margin-top效果更好。 最佳答案 我不确定某些属性在设置动画时是否会比其他属性产生更少的开销，但如果有人发布有关该主题的一些有用信息，我将非常感兴趣。话虽这么说，我确实知道一些可以帮助提高性能的事情。设置position:absolute将元素从页面的常规流中移除，因此不需要在动画时重绘整个页面。positio
我尝试制作带有视差的文本但失败了。代码似乎无伤大雅，似乎没有做错任何事，但滚动的外观和感觉却大错特错。标记是这样的:SomeHeadergettingalsolong像这样的样式:.container{box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:1400px;}.text-center{text-align:center;}.section-parallax{background:black;overflow:hidden;&,&.
我正在尝试使用JavaScript重新创建具有视差效果的网站。这意味着我有两层或更多层，它们在滚动时以不同的速度移动。在我的例子中，我只移动一层，另一层保持静止:第1层=网站文本；第2层=元素背景；为此，我使用简单的源代码(使用jQuery1.6.4):vardocwindow=$(window);functionnewpos(pos,adjust,ratio){return((pos-adjust)*ratio)+"px";}functionmove(){varpos=docwindow.scrollTop();element.css({'top':newpos(pos,0,0.5)
这是链接供引用http://readwrite.com/2013/02/07/robert-scoble-favorite-apps-facebook-gmail-youtube在此站点中，如果我们滚动中心部分，则中心和右侧部分都会同时滚动...我用这段代码做了同样的事情:-这是html代码:-脚本:-$(function(){$('.linked').scroll(function(){$('.linked').scrollTop($(this).scrollTop());})})CSS:-#left{width:300px;height:400px;overflow:scroll;
我有一个多层视差脚本，目前处于半工作状态。如果假设具有视差效果的元素被放置在网站的顶部，那么效果就在现场工作，因为它滚出View，您看不到图层移出框架。但是我希望能够在整个页面的不同位置的多个元素上使用此脚本。请参见下面的示例，您可以看到效果正常，但是如果您向data-parallax="panel-1"部分添加一些边距，您会发现现在出现了问题。/***@authorMartynLeeBall*@descCreatesmulti-layerParallaxeffect*@version1.0*@return{Array}ReturnsinstancesofclassesasArray*
我有一个固定的slider，当您通过更新内部包装器的X值到达它时，它会水平移动。这部分效果很好。但是，对于每张单独的幻灯片，我希望文本具有视差效果(滚动时速度变慢-相对于当前幻灯片)。这是我设置的一个小型(简化)测试用例:https://codepen.io/michaelpumo/pen/EJgWgd不幸的是，出于某种原因，文本似乎交错并且动画不流畅。这可能是我误解了ScrollMagic的API(它对我来说是新的)。我有2个Controller，因为获得“视差”部分的唯一方法是将第二个Controller设置为vertical:false。也许与此有关？非常感谢您的帮助!JavaS
我绞尽脑汁想找出添加简单视差行为的正确逻辑。我想在页面上放置一些元素，它们的顶部偏移一定距离(例如300像素)。然后当你向下滚动页面时，一旦元素的顶部显示出来，它就会慢慢向上移动(绑定(bind)滚动)直到元素的顶部到达视口(viewport)的中间，此时它的顶部偏移量为0并且它保持在原位。我尝试使用第三方脚本(ScrollMagic、Stellar等)，但是当我现在无法获得它时，我正在尝试自定义代码:https://jsfiddle.net/louiswalch/5bxz8fku/1/var$Window=$(window);varoffset_amount=400;varwindo
我有一个应用视差效果的页面。这是使用translate3d完成的。现在，虽然这很有效，但我想知道如何在使用鼠标滚轮滚动时覆盖默认的“步骤”？如果我用滚动条滚动，一切都很好。但使用鼠标滚轮时，一切都是跳跃的。我正在以一种非常直接的方式进行此操作:varprefix=Modernizr.prefixed('transform');$window.on('scroll',function(){varscroll_top=$window.scrollTop();if(scroll_top现在，我看到了这个网站，它的滚动非常流畅，还有一个带有台阶的鼠标滚轮。我试过查看代码，他使用的似乎是requ
MiddleBurry数据集：评估区域：dics(DepthDiscontinuityRegion)：视差不连续区域all(AllRegion)：全部区域non-occ（Non-OcclusionRegion）：非遮挡区域评估指标：badδD\delta_{D}δD：1N∑(x,y)∈N{∣dest(x,y)−dgt(x,y)∣>δD}\frac{1}{N}\sum_{(x,y)\inN}\{|d_{est}(x,y)-d_{gt}(x,y)|>\delta_{D}\}N1∑(x,y)∈N{∣dest(x,y)−dgt(x,y)∣>δD}：估计值与真实值相差大于δD\delta_{
