Изменение размера аватара открытие и закрытие при изменении размера браузера

Question

Привет всем Я создал это DEMO от codepen io. В этой демонстрации вы можете видеть, что все в порядке. Если вы прокрутите вниз, а затем маленький аватар появится вместо большого аватара. Но в то же время, пожалуйста, измените размер вашего браузера, тогда вы можете увидеть маленький аватар каждый раз, закрыв и открыв. В чем проблема, если кто-нибудь может мне сказать?

HTML

<div class="mini-profile-wrapper"> 
    <div class="mini-profile-img"> 
     <img src="http://www.designbolts.com/wp-content/uploads/2013/11/Frozen-Movie-poster-payoff-Wallpaper-HD1.jpg"> 
    </div> 
    <p class="profile-name">John Doe</p> 
</div> 

CSS

.mini-profile-wrapper{ 
    display: none; 
    float: left; 
} 

.mini-profile-img{ 
    display: inline-block; 
    width: 80px; 
    padding: 5px 5px 0 0; 
    overflow: hidden; 
    vertical-align: middle; 
} 

.mini-profile-img img{ 
    max-width: 100%; 
    display: inline-block; 
} 

.mini-profile-wrapper .profile-name{ 
    display: inline-block; 
    vertical-align: middle; 
    font-weight:normal; 
    color:#FFF; 
    font-family: Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif; 
    font-size:20px; 
} 

JS

$(window).scroll(function(){ 
    var scrolled = $(this).scrollTop(); 
    $(".profil-kapak").css({"top":(scrolled*0.7)+"px"}); 

}); 

Answer 1

В окне изменить размер старт, удалить окно SCRo ll event listener и добавьте его обратно при изменении размера окна.