BlockUI在页面上的定位而不是屏幕

我以前使用过这个插件，但现在blockui没有正确定位在页面上。 在屏幕上它可以从顶部40％，但问题在于页面 。 它一直滚动到顶部。

如果我在页面的模块中有一个按钮，我点击它以启动blockui，页面将scrool回到顶部。 而且我不知道为什么

这是html：

 to buy tickets 
 
  
 hadran.co.il opera house 
 
 join facebook 
 
  

css：

 div.btn{ width: 266px; margin: 0 auto; height: 56px; } #blockmsg{ position: relative; padding-top: 30px; display: none; width: 400px; z-index: 100000; } 

jquery：

 $('#block').click(function() { $.blockUI({ message: $('#blockmsg'), fadeIn: 700, fadeOut: 700, centerX: true, centerY: true, css: { backgroundColor: 'transparent', border: 'none', cursor: 'default' } }); $('#x').attr('title','Click to unblock').click($.unblockUI); //setTimeout($.unblockUI, 2000); }); 

Answer 1

尝试添加return false; 单击处理程序的末尾，以防止浏览器在您单击链接时执行默认操作，即转到＃url。

即将您的jQuery更改为：

 $('#block').click(function() { $.blockUI({ // ... (same as before) }); $('#x').attr('title','Click to unblock').click($.unblockUI); return false; });