때때로 이미지 렌더링 값이 업데이트됩니다.

Question

내 페이지에는 큰 로고가 먼저 표시되지만 아래로 스크롤하면 작은 헤더 로고가됩니다. 나는 스크롤을 토글하는 작은 수업으로 그렇게했습니다. 는 CSS와

$(window).on("scroll touchmove", function() { 
    $('#logo').toggleClass('tiny', $(document).scrollTop() > 0); 
}); 

:

#logo { 
    width: 50%; 
    left: 20vw; 
    transition: ease-in-out .5s; 
} 

#logo.tiny { 
    width: 230px; 
    image-rendering:auto; 
} 

로고가 image-rendering:auto; 때때로 업데이트 때로는 그냥 도착 작은 얻을 때 일입니다. 나에게 무작위로 보인다. image-rendering:auto;이 활성화되었을 때와 그렇지 않은 경우의 차이를 명확하게 볼 수 있습니다. 크롬으로 테스트하고 있습니다. 그게 전부 내 웹 사이트 : http://www.lars-widmer.tk/sites/18/ 처음에 그 슬라이드를 확인 (위험한 일은 없다;)) 로고가 나타납니다. 몇 번 위아래로 스크롤하면 가끔씩보기 좋고 때로는 보이지 않는 것을 볼 수 있습니다.

Answer 1

적성이 하나

#logo.tiny { 
    width: 230px; 
    transform: scale(1); 
    zoom: 0; 
}