2016-10-23 4 views
0

나는 시차 이미지 효과에 stellar.js를 사용하고 있습니다. stellar.js init 함수에 변수를 전달하려고하는데 작동하지 않습니다. 플러그인은 stellar.js를 초기화 할 때 숫자를 하드 코드 할 수 없기 때문에 (또한 요구 사항이 아닌) $ (document) .ready() 함수에서 초기화됩니다. 여기에 문제의 코드가 있습니다.init 함수에 변수 전달 (가변 범위 문제)

$(document).ready(function() { 
    var $height = $("img").height(); // i.e. $height = 1000px 
    var $offset = $height * .75;  // i.e. $offset = 750px; 

    $(window).stellar({ 
     horizontalScrolling: false, 
     verticalOffset: $offset 
    }); 

)}; 

별 모양의 init 함수에서 verticalOffset으로 750을 입력하면 제대로 작동합니다. 그러나 $ offset 변수는 $ (window) .stellar() 함수의 범위를 벗어나는 것처럼 보이기 때문에 작동하지 않습니다. 아무도 이것으로 나를 도울 수 있습니까? 어떤 도움이라도 대단히 감사합니다.

답변

1

stellar.js 파일 코드에 중단 점을 넣어서 초기화 할 때 어떤 옵션이 전달되었는지 확인하려고 했습니까 (실제로 전달한 값과 같음)? 이 을해야한다로)},

$(window).stellar({ 
 
     horizontalScrolling: false, 
 
     verticalOffset: $("img").height() * .75 
 
    });
그런데

, 당신의 코드에서 미스 프린트가 : 당신이 생각하는 경우에, 범위의 문제는, 어쩌면 당신은 그런 일을 시도해야 ; 대신}}; 끝 부분에서

+0

결코 생각조차하지 못했지만 작동합니다! 고마워요! 나는 이것을 몇 시간 동안 코딩하고 꼼짝 않고 바라 보았고 신선한 눈을 필요로했다. –