>  기사  >  웹 프론트엔드  >  jquery easyui 스크롤 bar_jquery의 일부 설정 소개

jquery easyui 스크롤 bar_jquery의 일부 설정 소개

WBOY
WBOY원래의
2016-05-16 17:22:471202검색

대화 상자 플러그인을 사용하면 기본적으로 화면이 중앙에 위치합니다. 그러나 페이지에 스크롤 막대가 나타날 때 대화 상자는 스크롤 막대와 함께 아래로 스크롤되지 않습니다. 해결책을 제시하기 전에 여러 jquery 위치 지정 방법을 대중화해 보겠습니다.

코드 복사 코드는 다음과 같습니다:

//브라우저 표시 영역의 높이를 가져옵니다
$(window).height()
//브라우저 표시 영역의 너비를 가져옵니다
$(window).width();

//문서 너비 가져오기
$(document.body).height()//문서 너비 가져오기 페이지
$(document.body).width();

//스크롤 막대의 세로 높이를 맨 위로 가져옵니다
$(document).scrollTop(); //스크롤 막대의 세로 너비를 왼쪽으로 가져옵니다
$(document).scrollLeft( ; 패널의 이동 함수를 호출하여 대화 상자를 이동합니다.



코드 복사
코드는 다음과 같습니다: $('# dlg').dialog('open') $("#dlg"); panel("move",{top:$(document).scrollTop() ($(window).height()-250 ) * 0.5})
여기서 $(window).height ()-250, 여기서 250px은 대화상자의 너비입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.