В Fixed Header Uncaught TypeError top undefined

Husna спросил: 26 ноября 2017 в 04:45 в: javascript

Я делаю фиксированный заголовок после того, как заголовок прокрутки окна должен быть исправлен сверху. Я продолжаю получать эту ошибку Uncaught TypeError: Cannot read property 'top' of undefined Вот в чем может быть проблема, может кто-нибудь решить эту проблему.

HTML:

    <header id="masthead" class="site-header is-sticky">
    <div class="header-box">        
        <div class="header-left">
            <div class="logo">
                <a href="#" title="" alt="">
                    <img src="images/logo-dark.png">
                </a>
            </div><!-- .logo-->
        </div><!-- .header-left-->        <div class="header-right">
            <div class="primary-menu">
                <ul class="sf-menu">
                    <li class="current"><a href="#">Headers</a>
                        <ul>
                            <li><a href="Fixed-header.html">Fixed header</a></li>
                        </ul>
                    </li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Contact Us</a></li>
                </ul>
            </div><!--primary menu-->
        </div><!-- .header-right-->
    </div><!-- .is-sticky-->
</header>

code:

 $(document).ready(function(){ 
 var num = $('.site-header.is-sticky').offset().top;
    $(window).bind('scroll', function() {
        if ($(window).scrollTop() > num) {
            $('.site-header.is-sticky').addClass('fixed-header');
            $('.logo').css({'padding':'5px 0'});
            $('.logo img').css({'transform':'scale(0.70)','transition':'all .3s ease-out','transform-origin':'left'});
            $('.topbar-wrap').hide();
        }
        else {
            num = $('.site-header.is-sticky').offset().top;
            $('.site-header.is-sticky').removeClass('fixed-header');
            $('.logo').css({'padding':'20px 0'});
            $('.logo img').css({'transform':'scale(1)'});
            $('.topbar-wrap').show();
        }
    });

, спасибо в Advanced.


0 ответов