【问题标题】:JQuery Slide IssuejQuery幻灯片问题
【发布时间】:2011-10-09 21:21:16
【问题描述】:

我在使用 JQuery 时遇到了问题,它是 slideUp 和 SlideDown 函数。基本上,我有两个导航栏可以滑出和滑入,具体取决于用户单击的按钮。然而,由于这个原因,函数会将内容降低一两个像素(取决于您使用的浏览器,尽管它通常降低 1px)。

您可以在此处查看该问题的工作示例:http://www.brianwritescode.com/index.php/blog/

【问题讨论】:

  • 我不清楚您所说的 “将内容降低 1 个像素” 是什么意思。
  • 如果你仔细看,(我知道它一开始很难看,但以后可能会造成一些问题),你会看到导航栏下方的内容甚至导航栏本身都向下推1 像素。
  • 我看到它有点“紧张”,但它绝对没有移动 1 个像素(Safari 5.0.6)。我正在使用屏幕标尺来验证内容和菜单栏的零像素偏移。
  • 无论是什么,您都应该发布代码的相关部分,也许还应该发布一个 jsFiddle,以便人们可以帮助您解决此问题。挖掘你的实时代码会很痛苦。
  • 抱歉,下次发帖时我会记住这一点。谢谢你的帮助。绝对定位解决了这个问题。

标签: jquery html slider slidedown slideup


【解决方案1】:

我看到了问题。

您要做的是将这 2 个导航元素从文档流中取出,以便它们与下面的内容无关。您可以将这 2 个导航包裹在一个 div 中,并将该 div 设置为绝对位置。

【讨论】:

  • 嗨 FutureKode,这里还有另一个问题,有一个附加动画。我决定根据显示的导航颜色淡入和淡出徽标。导航代码位于 iframe 内第一个条目brianwritescode.com 的页面上如果您快速选择右上角的两个导航选项,它会显示两个徽标而不是一个。有什么办法可以解决吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-11-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-04-21
  • 2011-11-16
相关资源
最近更新 更多