Прокрутка наложенного элемента, отключение прокрутки по телу

Question

Я пытаюсь написать галерею изображений для браузеров с поддержкой Javascript. Галерея отображает эскизы и перенаправляет на полную фотографию, которая помещается в таблицу, содержащую ссылки навигации и подпись. Таблица центрирована с фиксированным позиционированием, а непрозрачное деление зажато между таблицей и обычным потоком страниц. Полоса прокрутки затем отключается на теле (сам тег таблицы находится в теге body).

Мой вопрос в том, как разрешить прокрутку для наложенной галереи, когда размер окна меньше размера изображения, а прокрутка тела отключена? Я понимаю, что HTML-таблицы нельзя прокручивать самостоятельно, но я завернул их в подразделение вместе с непрозрачным разделом. Должен ли я использовать абсолютное позиционирование для таблицы галереи вместо фиксированного позиционирования?

Я знаю, как рассчитать размер окна, и я могу сравнить его с помощью Javascript с размером элемента, поэтому я знаю, когда возникает такая ситуация.

Answer 1

Установите CSS на «наложенной» изображения, это даст ему свои собственные полосы прокрутки:

imgDiv{ 
height: 10px; 
width: 20px; 
overflow:scroll; 
}