javascript - 仅在特定屏幕尺寸上运行 jquery？

Question

var $sidebar   = $("#sidebar"), 
                $window    = $(window),
                offset     = $sidebar.offset(),
                topPadding = 15;

            $window.scroll(function() {
                if ($window.scrollTop() > offset.top) {
                    $sidebar.stop().animate({
                        marginTop: $window.scrollTop() - offset.top + topPadding
                    });
                } else {
                    $sidebar.stop().animate({
                        marginTop: 0
                    });
                }
            });

我正在使用此脚本在滚动页面时启用粘性侧边栏，但我希望侧边栏在屏幕尺寸从桌面更改为移动时保持在相对位置。

所以当在移动 View 中时，我希望它保持在一个固定的相对位置而不自动滚动。像这样:

我编写的脚本不能正常工作。有什么建议吗？

Answer 1

要获取窗口的宽度你可以这样做

 var w = window.innerWidth;

因此您可以在针对特定屏幕尺寸运行 jquery 之前创建某种条件。

if (window.innerWidth > 1200) // dont run jquery