菜单项问题[关闭]答案

【问题标题】：Menu Item Issue [closed]菜单项问题[关闭]
【发布时间】：2014-01-08 15:35:32
【问题描述】：

我正在一个想要调整菜单项的网站上工作。由于某些原因，当单击菜单项时，它不会直接指向应有的相关部分（所附图像很好地描述了它）。我想要的是，单击时它应该指向该部分的确切顶部。

(目前运行错误) http://i.stack.imgur.com/NutST.png
（应该像这样工作） http://i.stack.imgur.com/n6BgC.png

您可以在这里访问该网站http://goo.gl/LhHuHP。

任何回复都将是可观的

【问题讨论】：

这不在java
@user3093626 : Java 不同于 Javascript 或 Jquery :p
请在此处发布相关代码......
我已经在上面的帖子中发布了站点链接，您可以从那里编译代码； goo.gl/LhHuHP
我无法打开提供的链接，这和你问的一样吗？stackoverflow.com/questions/20988740/…

标签： jquery css wordpress

【解决方案1】：

目前，标题高度为85px 但您在script.js 中提供了115px 填充。将其更改为 85px 将解决此问题。

在script.js中找到这一行

pos.top -= 115;

改成

pos.top -= 85;

如果您仍有间距问题，请调整数字。

【讨论】：

谢谢亲爱的，这似乎是我正在寻找的解决方案，但请您将确切的 js 链接发送给我，我可以在其中找到此代码吗？
这是你的路径`winning.winningsites.com.au/wp-content/themes/sonnewtp/js/…
谢谢 D，你是救命稻草 :)

【解决方案2】：

打开网站时，顶部（标题）部分必须留有边距。当您单击菜单时，它会保留该值..您可以尝试为该“导航”标签插入 onclick 事件以自动更改高度..

【讨论】：

【解决方案3】：

您的 nav href="#our-portfolio" 链接不正确（已验证）请查看我的代码并尝试此操作

<li class="active"><a href="#our-portfolio" title="Proven" class="proven">Proven</a></li> /* is your code */

<li class="active"><a href="#proven" title="Proven" class="proven">Proven</a></li> /* this is working properly */

【讨论】：

所有菜单项的问题不仅仅是“已验证”。我已经发布了图片链接供参考。