首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使java script语句仅适用于特定的浏览器宽度

如何使java script语句仅适用于特定的浏览器宽度
EN

Stack Overflow用户
提问于 2018-07-26 05:48:32
回答 2查看 29关注 0票数 -2

所以基本上我已经设置了我的java脚本,但我想要做的是让js语句仅应用于特定的浏览器宽度。因此,在这种情况下,我只希望语句应用于浏览器的最大宽度为575px,有点像css上的媒体查询。下面是我得到的信息:

代码语言:javascript
复制
<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>
EN

回答 2

Stack Overflow用户

发布于 2018-07-26 05:49:40

您可以使用window.innerWidth来确定浏览器的宽度。

票数 2
EN

Stack Overflow用户

发布于 2018-07-26 05:52:08

如果你想运行应用于特定浏览器宽度(最大为575px)的上述javascript语句,下面是一个示例代码。

代码语言: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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51528167

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档