Изменение размера lo go на свитке

Question

Привет У меня есть скрипт, который отлично работает для изменения размера lo go при прокрутке вниз и назад, но я не хочу, чтобы он делал это, когда размер экрана меньше 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";
 }

}

Answer 1

Вы можете использовать media queries для достижения этого

@media (max-width: 600px) {
  #header-logo {
    width: 180px !important;//!important use to override inner html styles 
  }
}

Answer 2

с небольшим количеством удачи и использованием некоторого кода DoomBots заставил его работать с нижеприведенным // Когда пользователь прокручивает вниз 50px от верхней части документа, измените размер шрифта заголовка window.onscroll = function () {scrollFunction ()};

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

}

Answer 3

Вы могли бы сделать что-то вроде

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