JS容易犯错的地方

Uncaught TypeError: Cannot read property ‘offsetTop’ of nul

 <script>
        var sliderbar = document.querySelector('.slider-bar');
        var banner = document.querySelector('banner');
        var bannerTop = banner.offsetTop;
        document.addEventListener('scroll', function() {
            if (window.pageYOffset >= bannerTop) {
                sliderbar.style.position = 'fixed';
            } else {
                sliderbar.style.position = 'absolute';
            }
        })
    </script>

错误原因：JS运行的时候，js代码找不到页面元素，就会抛出这个问题
通过查找发现没有正确获取banner元素，banner是类选择器，应在前面添加"."