滚动条/跳转用于网站的第二个中途退出

Question

当我向下滚动网站时，它总是在中途停留/跳跃。我不确定是什么原因造成的。

我尝试将“高度”更改为“最小高度”（听说有效） 老实说，我不知道是什么原因造成了这个原因，所以我没有做太多尝试。

我不确定要发布什么，但这是与滚动条粘贴的站点区域相对应的代码。

.tools {
    background: url('../img/tools.png') no-repeat;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

    min-height: 25%;
    position: absolute;
    color: #fff;
    font-size: 800%;
    font-family: 'Century Gothic';
}

.toolsinfo {
    background: url('../img/tools.png') no-repeat;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

    font-size: 150%;
    overflow: auto;
    padding: 50px 80px;
    background-color: #323232;
    color: #f2f2f2;
}

#bar {
    min-height: 30px;
    background: url('../img/bar1.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 1px;
    margin: 0px;
}

<section>
    <div id="bar"></div>
</section>

<div id="paralax2" class="tools">
    <h2 style="font-size:25%; padding-top:50px; color: black">Skills and Tech</h2>

    <div id="" class="toolsinfo">
        <div class="icons" style="padding-top:100px;">
            <div class="icon" style="padding: 20px 20px 20px 20px;">
                <img src="https://img.icons8.com/material/4ac144/256/camera.png" />
            </div>
            <div class="icon" style="padding: 20px 20px 20px 20px;">
                <img src="https://img.icons8.com/material/4ac144/256/camera.png" />
            </div>
            <div class="icon" style="padding: 20px 20px 20px 20px;">
                <img src="https://img.icons8.com/material/4ac144/256/camera.png" />
            </div>
            <div class="icon" style="padding: 20px 20px 20px 20px;">
                <img src="https://img.icons8.com/material/4ac144/256/camera.png" />
            </div>
            <div class="icon" style="padding: 20px 20px 20px 20px;">
                <img src="https://img.icons8.com/material/4ac144/256/camera.pngg" />
            </div>
        </div>

        <div class="icons" style="padding-bottom:100px;">
            <div class="icon" style="padding: 20px 20px 20px 20px;">
                <img src="https://img.icons8.com/material/4ac144/256/camera.png" />
            </div>
            <div class="icon" style="padding: 20px 20px 20px 20px;">
                <img src="https://img.icons8.com/material/4ac144/256/camera.png" />
            </div>
            <div class="icon" style="padding: 20px 20px 20px 20px;">
                <img src="https://img.icons8.com/material/4ac144/256/camera.png" />
            </div>
        </div>

        <div>
            <div class="icon" style="padding: 20px 20px 20px 20px;">
                <a class="link" href="#">
                    <img src="https://img.icons8.com/material/4ac144/256/camera.png" />
                </a>
            </div>
        </div>

    </div>

    <div class="bar2">
        <section>
            <div id="bar"></div>
        </section>
    </div>
</div>