JQUERY BlockUI咆哮在底部右邊

我正在使用BlockUI爲jquery做一個咆哮通知，我有它連線和工作，但我希望通知是在右下角不是右上角。JQUERY BlockUI咆哮在底部右邊

我修改了css使用bottom：10px，但咆哮不能正確渲染。它從底部開始，但在頁面的上半部分。

我有一個的jsfiddle這裏：http://jsfiddle.net/3wNFe/

用下面的代碼

$(document).ready(function() { 
$.blockUI({ 
      message: $('div.growlUI'), 
      fadeIn: 700, 
      fadeOut: 700, 
      timeout: 2000, 
      showOverlay: false, 
      centerY: false, 
      css: { 
       width: '200px', 
       bottom: '10px', 
       left: '', 
       right: '10px', 
       border: 'non', 
       padding: '5px', 
       backgroundColor: '#000', 
       '-webkit-border-radius': '10px', 
       '-moz-border-radius': '10px', 
       opacity: .6, 
       color: '#fff' 
      } 
     }); 

});

編輯 - 解決方案我找到了解決方案，同時使用Firebug，加

top: '',

的css來使其正確呈現。

來源

2013-06-26 Shaoden

我使用的是jsfiddle中添加的最新blockUI插件版本jQuery 1.9.1和UI 1.10.3 – Shaoden

我找到了解決方案，我需要在css中添加top：''，以使其正確顯示。 FireBug非常有用。 – Shaoden

的問題是，BlockUI是把頂部百分比默認：

試試這個：

$(document).ready(function() { 
$.blockUI({ 
      message: $('div.growlUI'), 
      fadeIn: 700, 
      fadeOut: 700, 
      timeout: 20000, 
      showOverlay: false, 
      centerY: false, 
      css: { 
       right: 0, 
       bottom: 0, 
       left: '', 
       top: '' 
      } 
     }); 

});

來源

2013-06-26 15:33:23 user1648170

對不起，我沒有看到你的編輯。 – user1648170

np，哈哈我在發佈問題並解決它之後繼續工作。 – Shaoden

BlockUI默認情況下，在頂部位置設置爲40％。我嘗試使用全局覆蓋，但沒有運氣。然後我嘗試了頂部-100這似乎工作。

DEMO：

http://jsfiddle.net/3wNFe/7/

$.blockUI({ 
       message: $('div.growlUI'), 
       fadeIn: 700, 
       fadeOut: 700, 
       timeout: 2000, 
       showOverlay: false, 
       centerY: false, 
       css: { 
        width: '200px', 
        bottom: '10px', 
        top: '-100', 
        left: '', 
        right: '10px', 
        border: 'non', 
        padding: '5px', 
        backgroundColor: '#000', 
        '-webkit-border-radius': '10px', 
        '-moz-border-radius': '10px', 
        opacity: .6, 
        color: '#fff', 
       } 
      });

來源

2013-06-26 15:43:33

加頂： ''，到CSS來糾正顯示。

來源

2013-06-27 15:44:14 Shaoden

JQUERY BlockUI咆哮在底部右邊

回答

相關問題