视差不适用于镀铬

时间:2014-04-08 08:21:54

标签: jquery wordpress parallax

我的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

    });

});

0 个答案:

没有答案