Создайте при помощи HTML/CSS «модальное окно», то есть DIV, который полностью перекрывает документ и находится над ним.
При этом все элементы управления на документе перестают работать, т.к. клики попадают в DIV.
В примере ниже DIV'у дополнительно поставлен цвет фона и прозрачность, чтобы было видно перекрытие:
Браузеры: все основные, IE8+. Должно работать при прокрутке окна (проверьте).
Исходный документ: tutorial/browser/css/modal-div-src.html.
Если использовать position: absolute, то DIV не растянется на всю высоту документа, т.к. координаты вычисляются относительно окна.
Можно, конечно, узнать эту высоту при помощи JavaScript, но CSS даёт более удобный способ. Будем использовать position:fixed:
Стиль:
#box {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
}
Свойство z-index должно превосходить все другие элементы управления, чтобы они перекрывались.
Полный текст решения: tutorial/browser/css/modal-div.html.