滚动时旋转图像-javascript / jquery

Question

我希望你没事。 我到处搜索过，但找不到解决问题的答案。 问题是我希望徽标在页面滚动时旋转（这已经实现），但是当我单击菜单中的标题时，我希望徽标移动（就像现在一样），但是当徽标到达有问题的元素始终保持笔直，以便您始终可以看到徽标。 这是我现在用于滚动和徽标的代码：

<script>
$(window).scroll(function () {
  var theta = $(window).scrollTop() / 200;
  $('#header-logo').css({ transform: 'rotate(-' + theta + 'rad'}); 
});

我对javascript没有太多的经验，而对jquery则没有太多的经验。

谢谢！