Как я могу выделите тег div прокрутки медленнее, чем другой див

---

У меня есть на моей веб-странице два div o одинакового размера, но с разным z-индексом:

<div id="Video" runat="server" style="position:absolute; top:70%; left:0%; width:100%; z-index:78;"> </div>

и

<div id="bottom" runat="server" onscroll="OnScrollDiv()" style="position:absolute; top:70%; width:100%; z-index:59; overflow:hidden;"></div>

Верхний div содержит тег видео, а нижний - простой текст и ссылки ;

Я хочу, чтобы топ-див (ИД= видео) для прокрутки на нормальной скорости, но я хотел бы, чтобы нижний див (код=вниз) для прокрутки на скорости вполовину меньше верхней див (ИД=видео) так что, когда страница прокручивается и прокручивается вверх видео, текст внизу страницы постепенно начинает показывать.

я добавил функцию javascript:

<script>
           function OnScrollDiv() {
               var video = document.getElementById("Video");
               var bottom = document.getElementById("bottom");
               bottom.scrollTop = video.scrollTop / 2;
           }
      </script>

Что я уже пробовал:

я также попробовал jquery:

<script>
            $("document").ready(function () {
                $(window).on('scroll', function(){  
                    $('#bottom').css('top', ($('#Video').height() - $('body').scrollTop() / 2));
                }); 

            })
       </script>

но и это тоже не работает.

Пожалуйста, помогите. Большое спасибо и с уважением.

---