Javascript 仅在特定屏幕大小上运行jquery?

Javascript 仅在特定屏幕大小上运行jquery?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用这个脚本在滚动页面时启用粘性边栏,但我希望当屏幕大小从桌面变为移动时,边栏保持在相对位置 所以,在移动视图中,我希望它保持在固定的相对位置,而不自动滚动。像这样: 我写的脚本不能正常工作。有什么建议吗?要获得窗口的宽度,您可以这样做 var $sidebar = $("#sidebar"), $window = $(window), offset = $sidebar.offset(),

我使用这个脚本在滚动页面时启用粘性边栏,但我希望当屏幕大小从桌面变为移动时,边栏保持在相对位置

所以,在移动视图中,我希望它保持在固定的相对位置,而不自动滚动。像这样:


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

要获得窗口的宽度,您可以这样做

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
                    });
                }
            });
因此,您可以在运行特定屏幕大小的jquery之前创建某种条件

 var w = window.innerWidth;

如果您想让我们帮助您编写代码,您必须向我们展示代码。
if (window.innerWidth > 1200) // dont run jquery