如果JavaScript未啓用，凍結屏幕帶覆蓋

Question

我想變暗並鎖定頁面（防止單擊/滾動）並且有一些白色文本表示用戶未啓用JavaScript。

我知道正確的做法是在沒有JavaScript的時候一切正常地降級 - 但我現在不想走這條路。

Answer 1

<noscript> 
<div id="nojs-overlay"> 
    Please Enable Javascript to View This Site<br> 
    <a href="instructions.html">Instructions on how to enable javascript</a> 
</div> 
</noscript> 

上面的例子只在JavaScript未啓用的情況下加載overlway div。所選的答案將導致慢速設備上的閃爍或延遲。

確保您的nojs-overlay div（或一系列div）覆蓋整個屏幕的樣式。