부트 스트랩 시차

Question

필자는 시차 스크롤을 원하는 클라이언트를 위해 웹 사이트에서 부트 스트랩 3.1을 사용하고 있습니다. 시차 스크롤 뒤에있는 코딩에 문제가 있습니다. 코딩이 왜 효과가 있는지 알 수 없기 때문입니다.

필자는 시차 스크롤에 사용되는 코드 조각을 가지고 있으며 작동하며, 왜 그럴 수 없는지를 간단히 설명합니다. 코드 조각은 다음과 같지만 데이터 유형이나 데이터 속도에 적용되는 jQuery 규칙은 없습니다. 그 규칙에 대한

<div class="bg-parallax" id="par-studying" data-type="background" data-speed="20"> 

</div><!--End of parallax-background--> 

내 CSS 코드는

.bg-parallax { 
background: no-repeat fixed; 
background-position: 50% 50%; 

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

height: 300px; 
margin: 0 auto; 
width: 100%; 
} 

내가 때문에 고정 된 배경입니다 의심하지만, 나는 확실하지 않다.

Answer 1

시차를하려면 어딘가에 JavaScript 코드를 사용해야합니다. CSS만으로는 할 수 없기 때문입니다.

data- 속성을 기준으로 볼 때, 사용중인 것으로 추측됩니다. A Simple Parallax Scrolling Technique 해당 사이트에서 코드를 설명합니다.