防止使用小鍵盤滾動

2014-03-13 98 views 1 likes

我使用CSS來隱藏瀏覽器側面的滾動條。但是，我仍然可以使用我的鍵盤在頁面上滾動。有沒有辦法讓頁面上的鍵盤無法滾動？防止使用小鍵盤滾動

我要問：到底爲什麼要？ – Blazemonger

我只是不希望用戶能夠在該網頁上向下滾動。我希望該網頁是靜態的。例如，像這樣的網頁：http://math.berkeley.edu/~hutching/personal/namesakes/index.html。但它只是因爲沒有足夠的文本而是靜態的。 –

問題在於你不知道用戶的瀏覽器窗口有多大。如果他們有一個小巧的智能手機屏幕，他們可能永遠無法看到你希望他們看到的一切。 – Blazemonger

回答

body, html { 
    overflow: hidden; 
    height: 100%; 
}

2014-03-13 13:58:58 DMTintner

它仍然不起作用。也許這是因爲我正在使用導航欄？當我將位置設置爲固定時，它「起作用」，但當然這隻會造成頁面不移動的錯覺。 –

更新了代碼。您可能必須以固定高度設置您的html元素，這樣主體纔會繼承它 – DMTintner

這裏是一個jQuery的解決方案，FWIW ...塊或全部上下按鍵

$(document).keydown(function(event){ 
    if(event.which == 38 || event.which == 40){ 
     return false; 
    }else{ 
     return true; 
    } 
});

2014-03-13 14:23:43 Ted

相關問題