缩放并在滚动条上移动徽标

Question

有人可以帮忙吗？我试图在向下滚动时缩放和移动徽标，在向上滚动时将其更改回。我想更改页边距并将其移到左上角。

.logo{
    width: 100px;
    height: 100px;
    margin-top: 100px;
    margin-left: 50px;
}

<div class="logo">
    <img src="img/logo.png" alt="logo" />
</div>