1

我正在使用很棒的 Brad Frosts 左导航弹出按钮进行响应式设计导航。(http://codepen.io/bradfrost/pen/IEBrz)。

我需要一些关于弹出的建议。我需要单独滚动弹出区域，而不影响主要内容区域——比如 facebook 应用程序。

到目前为止，当涉及到智能手机的固定、可滚动区域（内部包含复杂元素）以及相对高度和度量（该站点是响应式的）的交叉支持时，我的经验非常糟糕。到目前为止，我已经尝试过 iScroll 和 jQuery mobile。

是否有可能仅在没有大量 javascript 插件、客户端嗅探和 CSS 供应商特定的黑客攻击的情况下完成滚动弹出窗口？

我的客户真的很喜欢弹出模式。性能、跨设备支持和非 hacky 代码是“必备”。原生的外观和感觉是“可以拥有的”。我没有问题推荐另一种解决导航的方法，我只需要确定我的决定。当然，一切都可以完成——但要付出什么代价？

在我切断绳索之前，你有什么建议或建议:)？

4

1 回答 1

0

您发布的预览看起来非常有希望！

我建议您使用一点 JavaScript 来检测窗口高度。然后，您可以将弹出面板的高度设置为与页面相同的高度并使用display: block; overflow: auto. （它可能已经设置了块显示）。

这将迫使面板在自身内部滚动而不是进一步流动。

有几点需要牢记：

  • 您需要重新计算窗口更改或方向更改的高度；
  • 触摸屏设备往往不显示滚动条，这是一把双刃剑，因为这意味着当您向上/向下滑动时，您会获得一种非常棒的类似应用程序的感觉。然而，这也意味着用户可能需要更多的视觉提示，以便滚动查看！
于 2013-05-29T13:34:27.823 回答