Macのchromeにてスクロール時のスクリプトが効かない

Question

Macのchromeにてスクロール時のスクリプトが効かないような事例、またその解決方法はありますでしょうか？

jQuery(function($) {
      var nav = $('.nav');
      var example01 = $('.example01');
      var example02 = $('.example02');

      var navTop = nav.offset().top;

      $(window).scroll(function () {
        var winTop = $(this).scrollTop();
        if (winTop >= navTop) {
          example02.addClass('exampleclass')
          example01.addClass('dnone')
        } else if (winTop <= navTop) {
          example02.removeClass('exampleclass')
          example01.removeClass('dnone')
        }
      });
    });

このようなコードを書いているのですが、
else if (winTop <= navTop)の際の
example02.removeClass('exampleclass')
example01.removeClass('dnone')
が効いていないようです。

windowsでは正常に動作しているのを確認していますが、Macのchromeで効いていないようです。
何かご助言頂ければ助かります。
何卒よろしくお願いいたします。

Answer 1

chromeに限ったことではないのですが、jQueryのoffset().topが正しく取れないことがあるようですので
バニラjavascriptで取得してみたらどうでしょうか。

var navTop = document.getElementByClassName('nav').offsetTop;