Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基本视差-背景加速_Javascript_Jquery_Parallax - Fatal编程技术网

Javascript 基本视差-背景加速

Javascript 基本视差-背景加速,javascript,jquery,parallax,Javascript,Jquery,Parallax,我有一个简单的代码来移动背景图像,但是一旦该部分在视图中,图像就会快速上升。这样做的目的是使背景位置仅在该部分可见时移动 有什么想法吗 $window = $(window); $('.portfolioSection').each(function(){ var $bgobj = $(this); // assigning the object var speed = 8; $(window).scroll(function() { if($(window).scrollT

我有一个简单的代码来移动背景图像,但是一旦该部分在视图中,图像就会快速上升。这样做的目的是使背景位置仅在该部分可见时移动

有什么想法吗

$window = $(window);
$('.portfolioSection').each(function(){
  var $bgobj = $(this); // assigning the object
  var speed = 8;
  $(window).scroll(function() {
    if($(window).scrollTop() + 150 >= $bgobj.offset().top){
      // Scroll the background at var speed
      // the yPos is a negative value because we're scrolling it UP!                                
      var yPos = -($window.scrollTop() / speed);

      // Put together our final background position
      var coords = '0 '+ yPos + 'px'

      // Move the background
      $bgobj.css({ backgroundPosition: coords });
    }
  }); // window scroll Ends

});

解决了-我没有说明该部分的位置-第9行

var yPos = -(($window.scrollTop()-$bgobj.offset().top) / speed);