브라우저를 스크롤 할 때 jQuery UI 대화 상자의 위치가 변경되지 않음 (브라우저에 상대적 임)

Question

jQuyery UI 대화 상자를 열 때 브라우저를 스크롤 할 수 있고 대화 상자가 브라우저 창에 상대적으로 위치가 변경 될 수 있습니다. 브라우저와 동일한 위치에 유지하십시오.

Answer 1

UI 대화 상자에는 대화 스타일에 추가되는 CSS 클래스를 지정할 수있는 dialogClass 옵션이 있습니다. 그래서 당신은 같은 클래스를 정의 할 수 있습니다 :

.dialogFixed { 
    position: fixed !important; 
} 

과 같은 대화 상자를 호출 여기에 귀하의 요구 사항에 맞게해야

$(function() { 
    $("#dialog").dialog({ 
     dialogClass: 'dialogFixed' 
    }); 
}); 

fixed 위치.

데모는 : http://jsfiddle.net/MpHN9/는

(. 그럼 대화 상자가 추한 모습,하지만 당신은 창을 스크롤해도 대화 상자가 그 위치에 남아 효과를 알 수 있도록로드 된 CSS 없음)