CSS Z-Index НАД Javascript "Обезьяна Обзора" PNG Исчезает в нижней части полосы прокрутки - PullRequest
Новая
       13

CSS Z-Index НАД Javascript "Обезьяна Обзора" PNG Исчезает в нижней части полосы прокрутки

0 голосов
/ 27 октября 2010

Хотите добавить PNG Fade внизу поля нашего опросного листа. Короткие вопросы не покажут их, но для более длинных с вертикальной прокруткой я хотел бы добавить небольшое затухание внизу, чтобы помочь указать, что есть еще ниже. Полосы прокрутки должно быть достаточно, чтобы уведомить людей, но некоторым людям нужно немного больше, плюс то, что хотят «мы» (мой босс и я).

Вот страница, над которой я работаю: http://www.careersinmusic.com/template.aspx

Нажмите «Нажмите меня для опроса» Ссылка для загрузки опроса.

ВОПРОС № 3 длиннее и использует свиток. Нажмите Да для вопроса № 1 и № 2, чтобы перейти к длинному вопросу № 3.

Любая помощь всегда приветствуется. Надеюсь, этого достаточно.

1 Ответ

0 голосов
/ 19 ноября 2010
  • Во-первых, присвойте свой стиль #PageContentDiv a position (вероятно, relative).
  • Затем включите PNG-изображение с замиранием в этот div, также с position (возможно,absolute)
  • Передать z-index:1 для #PageContentDiv, z=index:2 для изображения фейдера
  • Установить display:none для этого изображения фейдера
  • Javascript: Testесли #PageContentDiv был прокручен (.scrollTop==0)
  • Javascript: показать фейдер (.style.display=''), если полоса прокрутки по-прежнему находится в 0

Ключевые части, которые следует помнить, это то, чтоэлементам нужно стиль position, чтобы применить z-index, и вам нужно будет удалить фейдер, как только пользователь поймет, что окно можно прокручивать.

...