내 섹션에 대한 시차 효과를 얻으려고 노력합니다. 시차의 속도는 다음과 같이 data-Lon1과 함께 html로 제공됩니다.
데이터 -Lon1을 다시 가져 와서 섹션에 대해 다른 속도를 갖기 위해 시차 함수에서 사용합니다.
(function(){
var parallax = document.querySelectorAll(".parallax"),
window.onscroll = function(){
[].slice.call(parallax).forEach(function(el,i){
speed = parseFloat($(el).attr('data-lon1'));
var windowYOffset = window.pageYOffset,
elBackgrounPos = "0 " + (windowYOffset * speed) + "px";
el.style.backgroundPosition = elBackgrounPos;
});
};
})();
섹션은 속도 값을 얻지 못하지만 기본적으로 속도 값을 지정하면 작동합니다. 각 data-Lon1 섹션 값을 얻고 세 가지 속도를 가질 수 있습니까?
이것은 항상 동일한 값을 반환합니다.
parseFloat($('.parallax').attr('data-lon1'))
일치하는 모든.parallax 요소를 선택하고 모든 요소 에서 하나의 값 을 얻으려고하기 때문에 항상 집합의 첫 번째 요소가 기본값이됩니다.
루프 반복에서 사용되는 특정 요소 의 값을 얻고 싶을 것입니다 .
parseFloat($(el).attr('data-lon1'))
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다