我想在滚动时实现图像调整大小并将其设置在div的特定位置
jQuery(window).on("scroll", function() {
var s = 200 + Math.min(490, jQuery(document).scrollTop()/2);
if(jQuery(window).scrollTop() > 667)
{
jQuery('.outer').css('display','none');
jQuery('.row-bg-overlay').first().css('background','url(/logo.png) no-repeat')
jQuery('.row-bg-overlay').first().css('background-position-y','30px')
jQuery('.row-bg-overlay').first().css('background-size','538.5px');
jQuery('.row-bg-overlay').first().css('background-position-x','center')
}
else
{
jQuery('.outer').css('display','table');
jQuery('.row-bg-overlay').first().css('background','none')
}
jQuery(".logo-ss").width(s);//.height(s);
jQuery(".outer").css('top',jQuery(document).scrollTop()/3)
});
但是我认为它不是最清晰的解决方案,因为当将徽标设置为背景图像时,它仅在我的屏幕分辨率上起作用并拖动。有没有实现的文档或更清晰的示例?