我的wordpress网站上的视差效果有问题。当你开始滚动时,背景会有一个初始凹凸或跳跃,然后就可以了。我已经设法摆脱了这个问题,但是视差效果在Chrome中根本不起作用,但在所有其他浏览器中都能正常工作。有任何想法吗?这是网站
http://vicky.jabramsphoto.com/
这是jQuery
jQuery(document).ready(function($){
// Cache the Window object
var $window = jQuery(window);
jQuery('section[data-type="background"]').each(function(){
var $bgobj = jQuery(this); // assigning the object
jQuery(window).scroll(function() {
// Scroll the background at var speed
// the yPos is a negative value because we're scrolling it UP!
var yPos = -( ( ($window).scrollTop() - $bgobj.offset().top) / $bgobj.data('speed'));
// Put together our final background position
var coords = '50% '+ yPos + 'px';
// Move the background
$bgobj.css({ backgroundPosition: coords });
}); // window scroll Ends
});
});