如何使java脚本语句仅适用于某个浏览器宽度?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (52)

所以基本上我已经设置了我的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>
提问于
用户回答回答于

下面是一个示例,如果你想运行应用于某个浏览器宽度的上述javascript语句(最大值为575px),你的代码可能会是这样子:

<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>
用户回答回答于

你可以使用window.innerWidth来查找浏览器的宽度。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励