Как сделать фиксированный footer относительно родительского?

Question

[htmleater]

Всех с НГ, после которого соображается как-то с трудом.
Задача: лендинг портфолио на FullPage.js с вертикальной поэкранной прокруткой. На 2-м экране (id) существует дополнительно скролл вправо-влево и именно на нём и его дочках нужно зафиксировать футер с одинаковыми пояснениями, которые не нужны на всех остальных вертикальных экранах.
Особый цинизм в том, что горизонтальные экраны могут быть больше 100% по высоте. Это как раз скриптом предусмотрено, но вот прилепить футер, только ко второй (с горизонтальными дочерьми) секции не получается.
Fixed всегда был не гибким решением, но хочется надеяться, что существует всё же решение.
Спасибо!


Картинка для ясности задачи

Comments

[Владимир Дремучий]

Не думаю что решение, но как вариант, вызывать "футер" при наличии в пределах видимости этого id. C js это решается в несколько строк.

[htmleater]

Владимир Дремучий: вот где-то в этом направлении и мыслю. Одна беда: "танкисты" языкам не обучены, умею только готовые скрипты под себя точить.

[htmleater]

определить, что во вьюпорте нужный нам айди (релейтив) - и вызвать футер абсолют боттом=0. На всех остальных вертикальных - display:none

Answer 1

[vdem]

Думаю это поможет: www.appelsiini.net/projects/viewport
Остается только обрабатывать скролл, и проверять нужно ли показывать футер.