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

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

因此，在移动视图中，我希望它保持固定的相对位置，而无需自动滚动。 像这样：

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

Answer 1

要获取窗口的宽度，您可以执行

 var w = window.innerWidth;

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

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