我创建了一个移动导航,并在其中有一些引用锚标签的链接。桌面上的一切正常。但是当我在移动设备上使用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
,但我删除了它,当我测试它时仍然收到相同的问题。
任何想法?
全部谢谢!!!