jQuery UI 대화 상자에서 스크롤 막대를 어떻게 비활성화 할 수 있습니까?

StackOverflow https://stackoverflow.com/questions/1619750

문제

jQuery 대화 상자에서 스크롤 막대를 비활성화하는 방법이 있는지 아는 사람이 있습니까? DIV에있는 내용은 300 PX이지만 대화 상자는 200px로 설정됩니다. 자동으로 스크롤 바를 넣지 만 원하지 않습니다. 나는 그것을 창보다 더 크게 만드는 두 번째 div에 직접 추가 할 것입니다. 모든 도움이 감사합니다.

도움이 되었습니까?

해결책

당신은 의미합니까? jQuery UI 대화 상자 위젯?

높이를 지정하기 위해 옵션을 만들 때 옵션을 전달할 수 있습니다.

$('.selector').dialog({ height: 350 });

당신이 넣는 콘텐츠보다 키가 크게 만들고, 나는 당신이 황금이라고 생각합니다.

다른 팁

나는 다음과 같은 문제를 해결했다 :

.dialog({
  title: $(this).attr("data-dialog-title"),
  closeOnEscape: true,
  close: function () { $(this).remove() },
  draggable: true,
  position: 'center',
  width: 500,
  height: 'auto',
  modal: true,
  open: function (event, ui) {
    $('#myDialogId').css('overflow', 'hidden'); //this line does the actual hiding
  }
});

'jQuery 대화 상자'가 의미하는 바를 정확히 모르지만 스크롤 막대를 비활성화하는 표준 방법은 DIV의 오버플로 속성을 '숨겨진'로 설정하는 것입니다.

이것을 CSS 파일에 넣으십시오.

div.class_name {
  overflow: hidden;
}

오버플로 : Hidden은 나를 위해 일했습니다. 높이/너비 만 설정하면 텍스트 크기와 줌에 따라 스크롤 막대가 여전히 나타납니다.

CSS 또는 고정 높이가없는 솔루션 :

위의 문제에 대한 최상의 솔루션은 대화 높이를 동적으로 만드는 것입니다. 콘텐츠가 모달 높이를 증가시켜야하는 컨텐츠에 따라 높이가 자동으로 조정되어야합니다. 이를 수행하려면 jQuery UI Modal이 제공하는 높이 "자동"옵션을 사용하려면 컨텐츠에 따라 모달 높이를 조정하므로 '오버 플로우 : 숨겨진'또는 '높이 : 350'추가가 필요합니다.

$( "#dialog" ).dialog({
modal : true,
height:"auto"

});

이것은 스크롤 막대를 제거했습니다.

$( "#dialog" ).dialog({
    autoOpen: false,
    resizable: false,
    dialogClass: 'info',
    height: 'auto',
    width: 'auto',
    show: { effect: "blind", duration: 1000 },
    hide: {effect: "explode", duration: 1000 },
    draggable: true,
    open: function (event, ui) {
        $(this).dialog('open');
    },
    close: function (event, ui) {
        cleanup() ;
    }
});

아래의 예에서는 대화 상자에 'Resizable = false'도 추가했습니다. 대화 상자를 조정하면 오버플로 텍스트를 볼 수 없습니다.

$("a#registerServerStudio , a#regServer").click(function(e) {
    //alert("login using POST is Clicked");
    e.preventDefault();
    registerSuccess = false;

    regSSDlg = $("#regSS").dialog({
      autoOpen: false,
      height: 280,
      width: 420,
      modal: true,
    resizable: false,
      buttons: {
      },
      close: function() {
        registerSuccess = false;
      },
    show:{effect:'bounce', duration: 100},

    });
  $('#regSS').css('overflow', 'hidden');
    regSSDlg.prev(".ui-dialog-titlebar").css({"background":"#47669E", "color":"white", "font-size":"13px", "font-weight":"normal"}) ;

    regSSDlg.dialog("open");
});
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top