항상 컬러 박스를 스크롤 중앙에 유지하십시오.

Question

사용자가 두꺼운 상자를 세로로 스크롤하면 두꺼운 상자가 항상 중앙에 위치하게됩니다. 그러나 colorbox를 사용하면 스크롤하면 colorbox의 사이트를 잃어 버리고 배경이 회색으로 표시됩니다. 사용자 스크롤과 상관없이 화면상의 위치를 ​​유지하는 것과 동일한 기능을 갖도록 colorbox를 업데이트하려면 어떻게해야합니까?

http://colorpowered.com/colorbox/core/example1/index.html http://jquery.com/demo/thickbox/

수직 스크롤 막대를 스크롤하기 위해 창의 크기를 조정하고 그 차이를 볼 수 있습니다. colorbox 상대 위치를 사용하는 반면, 박스를 정렬 고정 :

감사

Answer 1

Thickbox와의 차이가 CSS 위치를 사용한다는 것이다. colorbox.css 파일에서 "#colorbox {}"행을 "#colorbox {position : fixed}"로 변경해보십시오. Firebug에서 테스트 한 결과 문제가 해결 된 것 같습니다.

위치 고정 CSS는 IE6에서 작동하지 않습니다.

Answer 2

조금 늦을 수 있습니다 만, 참고로 colorbox 선언에서 단순히 "fixed"옵션을 사용할 수 있습니다. 이 옵션은 기본적으로 "false"입니다. "true"로 설정하면 원하는 결과를 얻을 수 있습니다.

$('#my_box').colorbox({ 
    fixed: true 
});