고정 된 위치로 스크롤 배경

내 질문의 제목은 내가 알고 싶은 생각을 정확하게 설명한다고 생각합니다.고정 된 위치로 스크롤 배경

이 사이트의 정확한 스크롤 기능을 에뮬레이트/재현하고 싶습니다. https://dotvita.com/.

배경이 고정되어 있지만 점으로 스크롤하는 것 같습니다. 또는 더 명확하게 말하면, 내용의 나머지 부분과 동시에 하나의 지점으로 스크롤됩니다. 나는 HTML 소스에서 보았을 때, 여기에 내가 본 것입니다 :

<body> 
    <div id="background"></div> 
<body>

와 배경에 대한 CSS는 다음과 같습니다

#background { 
    position: fixed; 
    top: -458px; 
}

너희들은 여기에서 무슨 일이 일어나고 있는지 말해 줄래? 위의 코드는 해당 사이트에서 볼 수있는 정보를 생성합니까? 아니면 다른 정보가 있습니까?

감사합니다.

2013-06-21 gilmer

실제로 백그라운드에서 진행되는 작업이 있습니다. 그들이 Jquery와 아마도이 효과를 내기위한 커스텀 스크립트를 사용하고있는 것처럼 보입니다.

많은 브라우저에서 개별 요소 나 전체 사이트를 검사하고 어떤 파일이 사용되고 있는지 확인할 수 있습니다. Google 크롬에서는 CTRL + SHIFT + I를 누르고 "Resources"탭을 클릭하면됩니다. 여기서 왼쪽의 파일 트리를 사용하여 프레임> [웹 사이트 이름]> 스크립트로 이동하여로드 된 다양한 스크립트 파일을 볼 수 있습니다. 이 작동하기 위해서는 https://dotvita.com/php/min/?f=js/core/jquery.retina.js,js/core/jquery.resize.js,js/core/jquery.equalHeights.js,libs/qtip/js/jquery.qtip.js,libs/colorbox/js/jquery.colorbox.js,js/plugins.js,js/script.js

, 사이트가 jQuery를 설치해야 할 필요가,이 파일입니다 : https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

이 여기

이 멋진 효과를 일으키는 것으로 보인다 파일입니다 나는 잠시 동안 자신을 재창조하는 의미였습니다. 행운을 빕니다!

2013-06-21 15:50:55

감사합니다. Daniel! 당신의 통찰력과 연구에 정말 감사드립니다. 나는이 다음 며칠 동안 이걸로 놀아보고 내가 생각해내는 것을 보게 될거야. 나는 내가 찾은 것을 당신에게 알려 줄 것이다! – gilmer

답변