Javascript 根据浏览器宽度更改JS值

有没有办法在不同的浏览器宽度上调整.style.top之类的值？我的标题/导航在手机上有不同的高度，我需要在某个宽度上调整该值

类似于css中针对js的媒体查询

<script>
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
  if (prevScrollpos > currentScrollPos) {
    document.getElementById("show-hide-header").style.top = "0";
    document.getElementById("show-hide-header").style.transition = 'all 0.3s ease';
  } else {
    document.getElementById("show-hide-header").style.top = "-62px";
    document.getElementById("show-hide-header").style.transition = 'all 0.3s ease';
  }
  prevScrollpos = currentScrollPos;
}
</script>

var prevScrollpos=window.pageYOffset；
window.onscroll=函数（）{
var currentScrollPos=window.pageYOffset；
如果（prevScrollpos>currentScrollPos）{
document.getElementById（“显示隐藏标题”）.style.top=“0”；
document.getElementById（“显示隐藏标题”）.style.transition='all 0.3s ease'；
}否则{
document.getElementById（“显示隐藏标题”）.style.top=“-62px”；
document.getElementById（“显示隐藏标题”）.style.transition='all 0.3s ease'；
}
prevScrollpos=当前ScrollPos；
}

为了更好地理解：

---

如果您需要根据css中可能发生变化的顶栏高度计算某些内容，则顶栏高度将更改为35pxFerkan，您可以执行类似document.getElementById（“显示隐藏标题”）.style.top=“-”+document.getElementById（“显示隐藏标题”）.querySelector（“.Topbar”）.offsetHeight+“px”

var-prevScrollpos=window.pageYOffset；
window.onscroll=函数（）{
var currentScrollPos=window.pageYOffset；
如果（prevScrollpos>currentScrollPos）{
document.getElementById（“显示隐藏标题”）.style.top=“0px”；
document.getElementById（“显示隐藏标题”）.style.transition='all 0.3s ease'；
}否则{
document.getElementById（“显示隐藏标头”）.style.top=“-”+document.getElementById（“显示隐藏标头”）.querySelector（'.topbar'）。offsetHeight+“px”；
document.getElementById（“显示隐藏标题”）.style.transition='all 0.3s ease'；
}
prevScrollpos=当前ScrollPos；
}

#显示隐藏标题{
位置：固定；
顶部：0px；
边际上限：0px；
边缘底部：0px；
宽度：100%；
文本对齐：居中；
z指数：99；
}
.顶杆{
最小高度：45px；
背景：灰色
}
.导航{
最小高度：80px；
背景：蓝色；
}
.集装箱{
边缘顶部：160px；
}
@介质（最大宽度：767px）{
.顶杆{
最小高度：35px；
}
}

顶栏
航行
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。
斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在维罗
eos和accusam和justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。在亨德雷特（hendrerit）的两个房间里，有一个小房间，一个小房间，一个小房间
在所有的情欲、积存和尊严中，都没有设施，因为这是一种温和的习俗，是一种由奥古斯·多洛尔（augue duis dolore）和费奥特·多洛尔（Feugate Nullisi）共同创造的设施。这是一位伟大的领袖，他是一位伟大的领袖
但拉奥里特·多洛尔·麦格纳·阿利夸姆·埃拉帕特。但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。两人在亨德雷特的私人住宅区居住
因此，欧盟的设施不设上限是在欧洲和欧洲，而非在欧洲和欧洲，这两个国家都是设施不设上限的国家。Nam liber TEMPORT cum soluta nobis eleifend选项congue
这是一个很好的例子。这是一位杰出的领袖，他是一位伟大的领袖。但我要做一件小事，我要做一件事
在一般合同前，公司应立即行使其权利。在亨德雷特的两个房间里，有一个小房间，一个小房间，一个小房间。在vero eos和accusam和justo
多洛雷斯和埃雷姆。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。科塞特图，洛雷姆·伊普苏姆·多洛·希特·阿梅特

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。
斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在维罗
eos和accusam和justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。在亨德雷特（hendrerit）的两个房间里，有一个小房间，一个小房间，一个小房间
在博雅的日常生活中，无论是在爱欲还是在积存还是在尊严方面，设施都是无效的