链接仅在其全尺寸时打开

Question

我创建了一个响应式网站 (www.openlabs.ai)，在 our product 部分下我放置了一个链接以在新选项卡中打开页面。 我面临的问题是，如果我将浏览器/chrome 窗口变小然后尝试打开链接，则链接只有在浏览器窗口大小已满时才会打开，但没有任何反应。我试图通过谷歌浏览器开发者工具查看问题，但我找不到任何问题。

            <li class="has-children">
              <a href="#about-section" class="nav-link">Our Products</a>
              <ul class="dropdown arrow-top">
                <li><a href="4cast/" target="_blank" class="nav-link"><span
                 class="text-primary">Openlabs:4Cast</span></a></li>
              </ul>
            </li>

当我使用 chrome 的开发人员工具并尝试在保持窗口小于满的情况下单击链接时，我收到以下错误。

main.js:228 Uncaught TypeError: Cannot read property 'top' of undefined
    at HTMLAnchorElement.<anonymous> (main.js:228)
    at HTMLBodyElement.dispatch (jquery-3.3.1.min.js:2)
    at HTMLBodyElement.y.handle (jquery-3.3.1.min.js:2)

正在寻找解决方案，并有兴趣了解如果窗口尺寸较小（比如说一半尺寸或在移动设备上）它无法打开的原因。

PS：我不是网络开发者。

Answer 1

您的 main.js 中的函数存在问题。 函数OnePageNavigation(); 是当您单击带有哈希的锚点时将滚动动画到一个部分。但是，您使用的 .main-menu li a[href^='#'], .smoothscroll[href^='#'], .site-mobile-menu .site-nav-wrap li a 选择器包含没有哈希的锚点，因此页面没有打开。

尝试删除选择器.site-mobile-menu .site-nav-wrap li a。