Tag: parallax

ScrollTop在Chrome中真的很生涩: 我正在使用scrollTop函数创建一个视差滚动网站，将scrollTop函数绑定到整个网站的不同锚点。我遇到的问题是，Chrome中的滚动变得非常不稳定/不稳定，但在Firefox中它很好。我的代码如下： $(‘.recipes’).click(function(){ $(‘html,body’).animate({ scrollTop: $(“.main1”).offset().top }, 1500); }); $(‘.cooking’).click(function(){ $(‘html,body’).animate({ scrollTop: $(“.main2”).offset().top }, 1500); }); 有可能有另一种方法来做到这一点，所以网站滚动不是生涩吗？也许我可以添加一个缓和function？编辑- 如果我删除了以下function，那么生涩似乎消失了，代码是否有问题，或者可能采用不同的方式编写代码？ var startY = $(‘#container’).position().top + $(‘#container’).outerHeight(); $(window).scroll(function(){ checkY(); }); function checkY(){ if( $(window).scrollTop() > startY ){ $(‘#backToTop, #navigation’).fadeIn(600); }else{ $(‘#backToTop, #navigation’).fadeOut(600); } } checkY(); 第二次编辑 $(document).ready(function(){ $(‘.recipes’).click(function(){ $.scrollTo(‘.main1’, 1500) }); $(‘.cooking’).click(function(){ $.scrollTo(‘.main2’, 1500) }); […]

有没有办法在DIV内进行视差工作: 可能是完全吠叫错误的树，但你可以使用div background-image元素制作视差滚动图像吗？我想要发生的是我目前有一些带有文本效果翻转的图像的DIV但是我在背景图像中使用视差我想要将3D主题与所有网站图像保持一致。编辑：例如，是否可以在此页面上制作蓝色框： www.parkhallmanor.co.uk/new 使用视差效果滚动单独的图像？

jQuery页面滚动事件逻辑 – 如何限制: 我有一些jQuery监听器设置如下： $(document).scroll(function() { if( $(this).scrollTop() change1 && $(this).scrollTop() change2) { updateBarChart(‘valuem’, ‘remove’) //updateSteamChart(”,’steam’) } }); 直截了当。滚动更改时会更新某些图表。我的问题是，这是发送太多function更新。我想如果有一种方法来限制.scroll（function（）{}）那么，会触发更少的事件更新。想法？

Jquery Parallax滚动效果 – 多方向: 我需要为客户端构建一个多向JQuery视差页面 – 他们基本上希望它以类似的方式工作 – https://victoriabeckham.landrover.com/INT 我已经准备好了艺术品并找到了许多jquery库，它们可以让我滚动水平/垂直 – 但我不确定如何在特定的坐标上将它们组合在一起。有谁能指出我正确的方向？编辑：我最初在看过Superscrolarama并且认为所有问题都已解决之后做了这个post – 但是我一直在努力实现它 – 我不认为它是我认为的救星，我需要水平和垂直视差以及滚动到实现上述，它似乎不支持 – 所以任何其他提示，我将非常感激！