Скрыть прокрутку содержимого Под прозрачным заголовком

Хорошо, я с ума сходил, чтобы найти ответ. Это просто, я это знаю.Скрыть прокрутку содержимого Под прозрачным заголовком

У меня есть фиксированный прозрачный заголовок в верхней части моей страницы. Когда я прокручиваю, я хочу, чтобы содержимое тела прокручивалось под ним, но не просматривалось через заголовок div. Я видел подобные записи, но ничего не помогло мне с моим делом. Оцените любые подсказки или подсказки, которые могли бы помочь. Благодаря!

Примера ниже: thnki.com/hosting/sycamore

источник

2012-05-15 cwebb

Весь смысл прозрачности, чтобы быть в состоянии увидеть, что находится под ним. Почему еще вам нужна прозрачность? – Hope4You

Это прозрачно, потому что я использую атрибут background: url(). Я хочу, чтобы тело {фон} отображалось. Взгляните на ссылку, и вы увидите :) – cwebb

См. Мое решение здесь: [Решение] (http://stackoverflow.com/questions/11151787/hide-page-content-behind-transparent-header/42968436 # 42968436) – JCBrown

Вам нужно будет либо:

сделать непрозрачное изображение, которое выглядит так же, как сейчас,
создать div для нижней части страницы (непосредственно под заголовком/после заголовка), которая имеет собственную настройку стиля переполнения, что приведет к тому, что полоса прокрутки будет только частью страницы
или просто наслаждайтесь этим супер-эффектом прозрачности-наложения ' re получение.

мне нравится, как это на самом деле

источник

2012-05-15 20:23:40 Kristian

Да, я бы «сделал непрозрачное изображение, которое выглядит так же, как сейчас» – Hope4You

Спасибо @kristian - ваше второе предложение было тем, о чем я тоже думал. Благодаря! – cwebb

Скрыть прокрутку содержимого Под прозрачным заголовком

ответ

Смежные вопросы