появление элемента при прокрутке

[denism300]

такая ситуация: на сайте есть плавающая шапка, которая при прокрутке всегда прижата к верху страницы.
это реализовано вот таким скриптом:

<script type="text/javascript">
    jQuery(function(){
        var menu = jQuery('#leo-toppos'),
        pos = menu.offset();
        jQuery(window).scroll(function(){
            var scrval = jQuery(window).scrollTop();
            if(scrval > pos.top+menu.height() && menu.hasClass('default')){
                menu.fadeOut('fast', function(){
                    jQuery(this).removeClass('default').addClass('fixed').fadeIn('fast');
                });
            } else if(scrval <= pos.top && menu.hasClass('fixed')){
                menu.fadeOut('fast', function(){
                    jQuery(this).removeClass('fixed').addClass('default').fadeIn('fast');
                });
            }
        });
    });
</script>

добавил в эту плавающую шапку блок, который должен показываться при прокрутке странице на 500px. Соответственно, изменил скрипт на такой:

<script type="text/javascript">
    jQuery(function(){
        var menu = jQuery('#leo-toppos'),
        pos = menu.offset();
        jQuery(window).scroll(function(){
            var scrval = jQuery(window).scrollTop();
            if(scrval > pos.top+menu.height() && menu.hasClass('default')){
                menu.fadeOut('fast', function(){
                    jQuery(this).removeClass('default').addClass('fixed').fadeIn('fast');
                });
                 if(scrval > 500) {
                    jQuery('#leo-topphone').show();
                }
            } else if(scrval <= pos.top && menu.hasClass('fixed')){
                menu.fadeOut('fast', function(){
                    jQuery(this).removeClass('fixed').addClass('default').fadeIn('fast');
                });
                  if(scrval <= 500) {
                    jQuery('#leo-topphone').hide();
                }
            }
        });
    });
</script>

и появился такой глюк: блок появляется только если резко прокрутить страницу. при плавной прокрутке он не появляется.

 

[Aglok]

1. У тебя проблема из-за условия

scrval > pos.top+menu.height() && menu.hasClass('default')

Когда совершаешь прокрутку меню становится fixed, а это значит что условие

scrval > pos.top+menu.height() && menu.hasClass('default')

не выполняется. А когда резко дергаешь, это эффект fadeOut(), он имеет задержку 400мс. И за 400мс у тебя получается пролететь 500px!
2. Чтобы условие выполнялось напиши:

scrval > pos.top+menu.height()

без

menu.hasClass('default')