2015-11-19 2 views
-3

Я делаю свое собственное портфолио для школы. Но я могу только CSS и HTML, без javascript. Я хочу изменить размер заголовка, когда свиток прокручивается.Редактирование заголовка на прокрутке чистого CSS

Пример: http://callmenick.com/_development/resize-header-on-scroll/

У кого-то идея?

Thankyou!

+2

Добро пожаловать в Stackoverflow! Такие вопросы должны иметь код, который вы уже пытались добавить к нему, или кажется, что вы просто хотите, чтобы мы сделали это за вас. Что касается фактического вопроса, я не думаю, что можно обнаружить событие прокрутки с чистым CSS. – Kyle

+1

Вот такой же вопрос http://stackoverflow.com/questions/15552728/resize-header-on-scroll –

+0

Действительно ... это невозможно с помощью CSS. –

ответ

1

Вы можете создать 2 заголовка, одну полную высоту, с position: fixed, а другой размер и абсолютное положение сверху. Вы ставите первый за второй, с z-index, и все готово.

Вы не можете определить позицию видового экрана на странице с CSS.