当我首先加载图像时，我有一个代码，我的导航栏会展开并占用太多空间，我该如何避免这种情况？ 其次，当我如上所述加载图像时，我的部分链接无法正常工作，因为它不会将我带到部分的顶部，但由于导航栏的大小而略低。

有什么建议或帮助吗？

<nav class="navbar navbar-expand-md navbar-light bg-dark fixed-top">
        <div class="container">
            <a href="#" class="navbar-brand">
                <img src="/images/osamatraders.svg" width="60" alt="">
            </a>
            <button type="button" class="navbar-toggler bg-light " data-toggle="collapse" data-target="#nav"><span
                    class="navbar-toggler-icon"></span></button>

            <div class="collapse navbar-collapse justify-content-center" id="nav">
                <ul class="navbar-nav">
                    <li class="nav-item"><a class="nav-link text-light text-uppercase font-weight-bold px-3" href="#aboutus">About
                            Us</a></li>