어디에서 시작해야할지 모르겠습니다. 웹 페이지 아래 또는 웹 페이지 아래쪽에있는 브라우저 스크롤 막대를 따르는 이미지를 갖는 가장 좋은 방법을 찾고 있습니다. 예를 들어 웹 페이지의 중간까지 스크롤 한 경우 이미지 (화살표)가 스크롤 막대를 가리 킵니다. 페이지를 가로 지르거나 가로 질러 여행 할 때 이미지도 함께 이동합니다. 마우스를 사용하여 스크롤 휠을 사용하고 있다는 것을 고려하지 않기 때문에 커서 다음에 이미지가있는 스크립트를 찾지 않습니다.이 경우 커서는 페이지가 이동해도 움직이지 않습니다.이미지가 스크롤바를 따라 이동합니다
도움 주셔서 감사합니다.
position: fixed css를 사용하면 요소가 브라우저 창을 기준으로 배치됩니다.
은 절대적으로 의미가 없습니다. 왜냐하면 스크롤 막대의 스크롤 위치에 세인 점에 위치를 고정시키지 않기 때문입니다. –
그는 화살표가 스크롤바 안의 막대가 아니라 스크롤 막대를 가리켜 야한다고 말했습니다! 나는 그가 묻는 것에 대답한다! – zambotn
브라우저가 스크롤 막대를 표시하는 방법에 대한 정보입니다. 스크롤 막대가있는 경우에도 스크롤 막대의 어느면에 있는지, 렌더링되는 방법은 입니다. 웹 페이지에을 사용할 수 없습니다.
그러나 일부 수학으로 올바른 추측을 할 수 있습니다.
걸릴 그 document scroll position/document height * display port height 및 스크롤 막대가 화면의 위쪽에서 위치의 대략적인 픽셀 수를 제공합니다.
HTML 요소 position: fixed;을 만들고 위의 계산과 일치하도록 top: 123px을 설정하십시오. Scroll 이벤트에서이를 새로 고칩니다.
JavaScript를 실행하려면 특정 JavaScript 명령을 Google에 보내야하지만 개념 상 상당히 가까워 야합니다.
당신이 더 정확 스크롤 막대의 크기는 일반적으로 (display port height/document height) * display port height을 될 것입니다 것을 명심하십시오
top 픽셀 값에 더하면 일반적으로 스크롤 막대의 가운데를 가리켜 야합니다.
명확하게하기 위해 화살표가 스크롤 막대 내에있는 위치 막대를 가리 키도록합니다. –