كيف يمكنك تعطيل أشرطة التمرير في مسج واجهة المستخدم مربع الحوار?

Question

لا أحد يعرف إذا كان هناك طريقة تعطيل أشرطة التمرير في مسج مربع الحوار?المحتوى الذي لدي في شعبة 300 بكسل ولكن الحوار هو 200px.فإنه تلقائيا يضع التمرير ولكن أنا لا أريد لهم.سوف أضيف نفسي إلى الثانية div أن يجعل أكبر من النافذة.أي مساعدة هي موضع تقدير.

Answer 1

هل يعني مسج UI الحوار القطعة ؟

ويمكنك تمرير الخيار عند إنشائه لتحديد ارتفاعه، منها مثلا.

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

وجعله أطول من المحتوى أنك تضع في ذلك، وأظن أنك سوف تكون الذهبي.

Answer 2

وأنا حل مشكلة مثل هذا:

.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
  }
});

Answer 3

وأنا لا أعرف بالضبط ما تعنيه ب "مربع الحوار مسج" لذلك، ولكن الطريقة القياسية لتعطيل أشرطة التمرير سيكون لتعيين الخاصية تجاوز للشعبة ل'الخفية'

ووضع هذا في ملف المغلق الخاص بك:

div.class_name {
  overflow: hidden;
}

Answer 4

ووتجاوز: المخفية عملت بالنسبة لي. سيكون عند تحديد الطول / العرض فقط بارامس أشرطة التمرير لا تزال تظهر اعتمادا على حجم النص والتكبير.

Answer 5

الحل مع css أو ارتفاع ثابت:

أعتقد أفضل حل المشكلة أعلاه هو جعل الحوار ارتفاع ديناميكية ، وارتفاع يجب ضبط تلقائيا حسب المحتوى ، عندما يزيد محتوى الوسائط ارتفاع زيادة.أن ارتفاع "السيارات" الخيار المقدمة من واجهة المستخدم مسج مشروط ، فإنه يعدل مشروط الارتفاع في المحتوى بحيث تحتاج إلى إضافة overflow:hidden' أو 'الطول:350'

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

}); 

Answer 6

وهذا إزالة أشرطة التمرير:

$( "#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() ;
    }
});

Answer 7

في المثال التالي أود أيضا أن أضيف "يمكن تغيير حجم = كاذبة" للحوار. ذلك أن أي نص تجاوز لا يمكن أن ينظر إليها عن طريق تغيير حجم مربع الحوار.

$("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");
});