调整滚动徽标

Question

[嗨，我有一个脚本，可以很好地用于在向下和向后滚动时调整徽标的大小，但是当屏幕尺寸小于600px时，我不希望它执行此操作，我将如何更改以实现此功能，因此不胜感激。] >

// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
    document.getElementById("header-logo").style.width = "180px";
 } 
   else {
   document.getElementById("header-logo").style.width = "215px";
 }
}

嗨，我有一个脚本，可以很好地用于在向下和向后滚动时调整徽标的大小，但是当屏幕尺寸小于600px时，我不希望它这样做，我该如何更改以实现此帮助...] >

Answer 1

您可以做类似的事情

if (screen.width > 600px){
    //your code
}

Answer 2

您可以使用media queries实现此目的