Первый вариант - пинать дизайнера.
Второй вариант - использовать стилизованный скролл для прокрутки информации, но при этом находиться в этом же блоке.
P. S. очень грамотно сформулированный вопрос в теме =)) Ощущение будто у вас удивление, а не проблема =)
Не совсем понятно, что значит "наследовать фон". Фон обычно устанавливается на отдельный блок. Если он нужен у разных блоков, то используйте этот фон в отдельном классе и подключайте его там, где должен быть данный фон.
Если мой ответ не достаточно корректен, то вам следовало бы более правильно изложить, что у вас не получается.
Вроде нормально... Как по мне так вы делаете долгую задержу и анимацию, я обычно обхожусь без задержки и скоростью в 0.2s и выглядит вполне красиво, плавно.
Создаёте функцию в которой делаете анимацию. Элементы верстаете каким то списком. А по загрузке делаете перебор элементов в списке и для каждого из них по цепочке вызываете данную функцию.
Надо смотреть вёрстку. По идее - просто. Если контент имеет отдельную обёртку которая её центрирует, то нужно просто обернуть в ещё один div и на него просто прописать такой же фон. Все остальные варианты - костыльные, ибо высота до контента может быть разной, соответственно нельзя задать для body и сместить.
