0

我已经设置了这个 codepen 来最好地解释我想要做什么。

http://codepen.io/cfed/full/pfvwr

我正在使用媒体查询来隐藏第四个 div 的内容区域，并在浏览器小于 1300px 时将 div 固定到父容器的底部。我是他们使用 jquery 来切换这个 div 的可见性。这部分工作正常。

我想从这里实现的是以下 -

  • 当浏览器大于 1300px 时，总是显示 div。即如果有人最小化浏览器，切换可见性，然后返回到更宽的视图，它应该返回到原始位置。目前它可以以最小化状态返回。
  • jquery 函数仅在浏览器小于 1300px 时才有效。因此，当浏览器大于 1300 像素时单击链接不会执行任何操作。

任何指向我正确方法的帮助将不胜感激。

4

1 回答 1

0

给你：http ://codepen.io/anon/full/dcBsg

要在浏览器窗口宽度超过 1300 像素时显示内容区域，您只需添加一个事件侦听器，以$(window).resize在内容区域不可见时显示内容区域（slideToggle更改元素的 CSS 时将覆盖您的媒体查询）。

当浏览器宽度超过 1300 像素时，首先防止内容区域被隐藏就像检查窗口的宽度一样简单，如果太宽则什么也不做。

于 2012-11-08T01:36:05.227 回答