图像渲染值有时会更新,有时候不会更新
问题描述:
我的网页上有一个很大的图标,但当您向下滚动时,它会变成一个小标题图标。我做了一个.tiny类,它在滚动切换。图像渲染值有时会更新,有时候不会更新
$(window).on("scroll touchmove", function() {
$('#logo').toggleClass('tiny', $(document).scrollTop() > 0);
});
与CSS:
#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/只要确认幻灯片在开始(没有危险发生;)),你会看到标志。 只需上下滚动几次,就可以看到有时它看起来不错,有时不会。
答
试用这一个:
#logo.tiny {
width: 230px;
transform: scale(1);
zoom: 0;
}
⬆神。 谢谢老兄 –
快乐和积分都是我的:P;) –