Сделать верх изображения bg flu sh с верхней частью окна при прокрутке вверх и наоборот для нижней части

Question

У меня есть фоновое изображение на Blogger / BlogSpot.

1. Я хочу, чтобы изображение bg постоянно покрывало всю ширину экрана.
2. Когда полоса прокрутки вверху я хочу верхнюю часть изображения bg flu sh с верхом веб-страницы.
3. Когда полоса прокрутки находится внизу, я хочу, чтобы нижняя часть изображения bg flu sh с нижней части веб-страницы.
   • «Растянуть цель» - это возможность добавить процент дополнительной прокрутки внизу, чтобы позволить видеть нижнюю часть ~ 15-20% нижней части моего изображения bg, когда вы прокручивали полностью вниз на странице

Я бы совершил sh это с помощью прокрутки Parallax (где изображение bg прокручивается с другой скоростью, чем содержимое страницы). Однако я попробовал:

• A pure CSS solution
  • Изображение bg вообще не прокручивало параллакс
• Использование Google параллакс-прокрутки из их библиотеки Materialise
  • Изображение bg даже не появится на странице
• Parallax Background Builder Chrome плагин
  • Я не видел опции, чтобы сделать верхнюю часть изображения bg flu sh верхней частью окна браузера, когда полоса прокрутки @ top ( и то же самое для нижней части изображения)
• Smooth Parallax Javascript applet
  • Не удается получить изображение для начала сверху окна браузера, когда полоса прокрутки имеет @ top без указания top:-226px. Но это, очевидно, не вмещает браузер другого размера windows или разрешение экрана (он работает только на разрешении моего собственного ноутбука).
  • Не удается получить нижнюю часть изображения, чтобы закончить в нижней части страницы когда полоса прокрутки имеет значение @ bottom без указания параметра Smooth Parallax end-position-y="2.6", и это снова работает только в полноэкранном браузере моего ноутбука только при разрешении моего экрана.

Я думал, что это будет обычная / легкая вещь, чтобы найти, но у меня есть кошмар времени, пытающегося заставить это работать. Я даже пишу по электронной почте разработчику Smooth Parallax , чтобы попытаться помочь мне (но пока безуспешно).

---

Моя попытка использовать Smooth Parallax Javascript апплет:

Javascript:

<script type="text/javascript" src="https://wad11656.github.io/smooth-parallax.min.js"></script>
<script type="text/javascript">
  window.addEventListener("load", function () {
    SmoothParallax.init();
  });
</script>

HTML:

CSS:

.parallax_bg {
  width: 100%;
  z-index: 0;
  position:absolute;
}
.bg_container {
  position:relative;
  top:-236px;
}

---

• Пример видео «идеального» решения с использованием Smooth Parallax (с «целью растяжения», применяемой для наблюдения нижней части изображения bg, когда полоса прокрутки имеет @ bottom)
  • Длина содержимого сообщения в блоге должна быть ровно такой же длины, как показано в видео, чтобы прокрутка параллакса работала так же, как видно (вместе с точной правильной шириной / высотой браузера)
• Ссылка на мою запись в блоге, демонстрирующую, что она работает не для всех размеров браузера (я сомневаюсь, что на вашем P C она будет выглядеть так же, как в видео выше)