2012-05-24 34 views

回答

9

CSS

body 
{ 
overflow: hidden; 
} 

的JavaScript

document.body.style.overflow = "hidden"; 

jQuery的

$("body").css('overflow', 'hidden'); 
+1

隱藏滾動條和一般「禁用」的滾動功能。但是,在GWT中有一個帶有一些錨和一個div的彈出窗口。當點擊錨時,它不僅在div內滾動,而且還在後臺滾動頁面。 – scriptgeeky

3

如果您的GWT應用程序是一個人在你的網頁,你可以使用:

import com.google.gwt.user.client.Window; 
// ... 

Window.enableScrolling(false); 

例如在您的onModuleLoad函數中。

22

根據你的回答你可以在開燈的時候打開你不想滾動嗎? 如果是這樣的話,您可以在使用以下css打開Lightbox的同時將類添加到正文中

而且該解決方案的好處是它保留了滾動「空間」,因此網站不會跳,它更像是它禁用它。希望這有助於

body.noscroll 
{ 
    position: fixed; 
    overflow-y: scroll; 
    width: 100%; 
} 



$('body').addClass('noscroll'); 
$('body').removeClass('noscroll'); 
+0

簡單而甜美。謝謝! – newnoise

+0

天才想法!!!! – jcvandan

+0

我很驚訝這並沒有一個令人髮指的票數。非常有效。謝謝。 –