如何使java script语句仅适用于特定的浏览器宽度
如何使java script语句仅适用于特定的浏览器宽度
提问于 2018-07-26 05:48:32
所以基本上我已经设置了我的java脚本，但我想要做的是让js语句仅应用于特定的浏览器宽度。因此，在这种情况下，我只希望语句应用于浏览器的最大宽度为575px，有点像css上的媒体查询。下面是我得到的信息：
<script> $(window).on("scroll", function() {
var scrollPos = $(window).scrollTop();
if (scrollPos <= 0) {
$('.navbar-default').addClass('top-of-page');
} else {
$('.navbar-default').removeClass('top-of-page');
}
});
</script>回答 2
Stack Overflow用户
发布于 2018-07-26 05:49:40
您可以使用window.innerWidth来确定浏览器的宽度。
Stack Overflow用户
发布于 2018-07-26 05:52:08
如果你想运行应用于特定浏览器宽度(最大为575px)的上述javascript语句，下面是一个示例代码。
<script>
if (window.innerWidth <= 575){
$(window).on("scroll", function(){
var scrollPos = $(window).scrollTop();
if (scrollPos <= 0) {
$(".navbar-default").addClass("top-of-page");
} else {
$(".navbar-default").removeClass("top-of-page");
}
});
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51528167
复制相关文章
相似问题
腾讯云开发者
