锚点链接问题,必须在移动设备上的移动导航菜单中使用Chrome点击两次链接

时间:2016-02-03 22:52:01

标签: jquery html css google-chrome mobile

我创建了一个移动导航,并在其中有一些引用锚标签的链接。桌面上的一切正常。但是当我在移动设备上使用Chrome 打开site时,当您打开导航菜单,然后点击其中一个链接时,关于 ,锚标签工作正常(第一次)。但如果再次单击导航菜单并尝试单击任何其他链接(关于,工作或联系),则会将您带到页面顶部(这不是应该占用的位置)你好像点击了href="#"的链接一样。现在,如果您第三次尝试,链接将再次运行。

所以当你点击一个奇数次的链接时它会起作用,但是当你点击它偶数次时就不行了。

我认为这与您第一次点击关于链接有关,您会被定向到:http://mobile-responsive-single-page.bitballoon.com/#about

网站:http://mobile-responsive-single-page.bitballoon.com/

不确定。

我不知道如何解决这个问题,但就像我说的,我只是在移动设备上使用Chrome浏览器收到错误。 Safari工作得很好Mobile。

谢谢你的时间!

修改

经过大量的人工测试后,我发现只有点击之前链接才有效。

示例:

您转到网站:http://mobile-responsive-single-page.bitballoon.com/ 您打开幻灯片导航 您点击关于链接,但不会发生任何事情 您再次打开幻灯片导航,但现在您的URL是: http://mobile-responsive-single-page.bitballoon.com/#aboutMe 您现在点击关于链接,这次,它将带您到锚点。

我在元素上没有:hover,上面有一个:active,但我删除了它,当我测试它时仍然收到相同的问题。

任何想法?

全部谢谢!!!

0 个答案:

没有答案