仅在特定屏幕尺寸上运行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
                    });
                }
            });

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

因此，在移动视图中，我希望它在没有自动滚动的情况下保持固定的相对psoition。像这样：

我写的脚本无法正常工作。有什么建议吗？

Answer 1

要获得窗口的宽度，您可以

 var w = window.innerWidth;

因此，在为特定屏幕大小运行jquery之前，您可以创建某种条件。

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