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