使粘性侧边栏响应？答案

【问题标题】：Making sticky sidebar responsive?使粘性侧边栏响应？
【发布时间】：2014-06-18 06:48:41
【问题描述】：

我有一个粘性侧边栏，但在触发媒体查询时无法使其进入页面底部。

它在桌面上运行得非常好，但是当调整页面大小时，它会在所有内容的顶部有一个固定的位置。

<script>$.lockfixed("#spot_menu",{offset: {top: 0, bottom: 300}});</script>

我希望它有一个相对位置，但 CSS 媒体查询在我的媒体查询中不起作用：

#spot_menu { position: relative; }

知道如何做到这一点吗？谢谢

【问题讨论】：

你正在用 JS 设置你的位置，所以你的媒体查询也可以在 JS 中，使用类似document.documentElement.clientWidth 的东西。见quirksmode.org/mobile/viewports.html
对你正在尝试做的事情有点模糊......但是 jquery 有一个 css 方法，如果有帮助，你可以使用它来操作 css
@stephenhay 看起来不错，但 IE 不支持...
@ewizard 你的意思是切换一个css类？但是我怎么知道我想通过 JS 切换类的媒体查询大小呢？
hmmm - 你得向我解释一下media query

【解决方案1】：

类似（x 是您要检查的值）：

var height = $(window).height();

if(height === x) {
  ...
}

您也可以使用$(window).width()，具体取决于您要测量的内容。

【讨论】：