0

我正在尝试创建类似于引导响应式导航的东西。当我减小屏幕尺寸以便启动媒体查询时，我单击菜单按钮并且 ul 向下滑动。但是当我再次单击菜单按钮时， ul 朝上，但随后又立即向下滑动。我怎样才能防止这种情况发生？此外，奖励积分，当我单击菜单按钮并且 ul 向下滑动时，菜单按钮右侧的背景与 ul/nav 的其余部分颜色不同。有没有办法让整个导航的背景保持一致？

这是带有窗格的 jsFiddle：http: //jsfiddle.net/scottm28/mRbPd/

全屏：http: //jsfiddle.net/scottm28/mRbPd/embedded/result/

4

2 回答 2

1

我添加{}到 else 语句，它现在对我来说很好：http: //jsfiddle.net/mRbPd/1/

于 2012-09-24T18:52:37.430 回答
1

通过添加括号来修复它...

http://jsfiddle.net/mRbPd/2/

我相信不同的背景颜色是由于 CSS 渲染错误造成的，因为它有时会正确渲染，有时不会。你总是可以在一个类中应用渐变，如果你非常渴望它的工作，可以快速删除然后重新应用它们。

这种解决了渐变问题，http://jsfiddle.net/mRbPd/3/但我认为重新应用该类效率很低，因为这意味着浏览器必须重新绘制渐变。

于 2012-09-24T18:52:37.903 回答