2012-05-23 88 views
1

所以在我的Fancybox中,我不想顯示滾動條,而是使用autoscale:true選項。Jquery Fancybox autoscale沒有按預期工作?

因此,我的設置發生的情況是,沒有滾動條顯示哪個是好的,但div的內容超出了fancybox的白色div,並且div本身不會增長到內容大小,而是保持不變在原來的大小。

claimLink.fancybox({ 
     'scrolling' : 'no', 
     'overlayShow' : false, 
     'autoScale' : true, 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'hideOnContentClick' : false, 
     'width': 500, 
     'height': 590, 
     'autoDimensions': false, 
     'onCleanup': function (e) { 

      var modelClaimFormId = $j(e).attr("href").replace("body", ""); 
      var modalClaimForm = $j(modelClaimFormId); 

      if (!($j(modalClaimForm).valid())) { 
       $j(claimForm).remove(); 
       $j(e).parents("tr").remove(); 
      } 

     }.. 

任何想法爲什麼會發生這種情況?

回答

2

'autoScale' : true所做的是使fancybox適合視口。這是它的預期用途。

如果你想要fancybox具有特定的固定尺寸,在這種情況下,'width': 500'height': 590然後將autoScale設置爲false

另一方面,autoDimensions用於從內容本身設置(獲取)fancybox的大小;這樣的內容應該有尺寸,但(例如<div>widthheight例如),否則它會產生意想不到的結果...在這種情況下,你不需要設置widthheight fancybox API選項,但autoScale應設置爲false以全尺寸顯示內容,否則fancybox將被縮放以適應視口,滾動條會出現。