在Javascript上下滚动添加和删除Sticky类

Question

我是JS的新手，我试图创建像http://www.standard.co.uk/stayingin/tvfilm/jamestown-everything-you-need-to-know-about-the-sky1-drama-a3531796.html这样的粘性视频播放器。当用户向上或向下滚动粘性类时，会添加到视频播放器中。我做了一些工作https://jsfiddle.net/oLythd3f/。但我想添加检查底部的功能，一旦我向下滚动我想要添加粘性类。

不知道该怎么做。任何帮助都会很棒。对我来说很容易

var vid = document.querySelector（'＃main'）;         var topOfVid = vid.offsetTop;

    function fixVid() {
        if (window.scrollY >= topOfVid) {
            document.body.style.paddingTop = vid.offsetHeight + 'px';
            document.body.classList.add('fixed-vid');
        } else {
            document.body.classList.remove('fixed-vid');
            document.body.style.paddingTop = 0;
        }
    }

    window.addEventListener('scroll', fixVid);