Javascript 第一次加载时，该块显示在上部块的顶部，刷新页面时，该块是固定的

该块在第一次加载时显示在顶部块的顶部，在刷新页面时固定。在手机版的网站上也是一样的情况。有时显示正确。 网站本身连接到WordPress，使用页面速度进行优化​​忍者。 更改了页面速度的设置​​忍者，仍然没有结果。 我怎样才能解决这个问题

第节的HTML代码：

<section id="protfolio_sec">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs12">
                <div class="title_sec">
                    <h1>&nbsp</h1>
                    <h1><?php echo $redux['sportft'];?></h1>
                    <h2><?php echo $redux['sportfd'];?></h2>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="all-portfolios">
                    <div class="col-sm-6 col-lg-12 col-md-12 col-xs-12 ">
                        <div class="single-portfolio <?php echo $redux['sportf12'];?>" onclick="window.open('projects/project1')">
                            <div class="sngl_pricing">
                                <img class="img-responsive" src="<?php echo $redux['sportf1img']['url'];?>" height ="270" alt="">
                                <h3>
                                    <?php echo $redux['sportf1'];?>
                                    <p>
                                        <?php echo $redux['sportf11'];?>
                                    </p>
                                </h3>
                            </div>
                        </div>
                        <div class="single-portfolio <?php echo $redux['sportf22'];?>" onclick="window.open('projects/project2')">
                            <div class="sngl_pricing">
                                <img class="img-responsive" src="<?php echo $redux['sportf2img']['url'];?>" height ="270" alt="">
                                <h3>
                                    <?php echo $redux['sportf2'];?>
                                    <p>
                                        <?php echo $redux['sportf21'];?>
                                    </p>
                                </h3>
                            </div>
                        </div>
                        <div class="single-portfolio <?php echo $redux['sportf32'];?>" onclick="window.open('projects/project3')">
                            <div class="sngl_pricing">
                                <img class="img-responsive" src="<?php echo $redux['sportf3img']['url'];?>" height ="270" alt="">
                                <h3>
                                    <?php echo $redux['sportf3'];?>
                                    <p>
                                        <?php echo $redux['sportf31'];?>
                                    </p>
                                </h3>
                            </div>
                        </div>
                        <div class="single-portfolio <?php echo $redux['sportf42'];?>" onclick="window.open('projects/project4')">
                            <div class="sngl_pricing">
                                <img class="img-responsive" src="<?php echo $redux['sportf4img']['url'];?>" height ="270" alt="">
                                <h3>
                                    <?php echo $redux['sportf4'];?>
                                    <p>
                                        <?php echo $redux['sportf41'];?>
                                    </p>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="all-portfolios">
                    <div class="col-sm-6 col-lg-12 col-md-12 col-xs-12 ">
                        <div class="single-portfolio <?php echo $redux['sportf52'];?>" onclick="window.open('projects/project5')">
                            <div class="sngl_pricing">
                                <img class="img-responsive" src="<?php echo $redux['sportf5img']['url'];?>" height ="270" alt="">
                                <h3>
                                    <?php echo $redux['sportf5'];?>
                                    <p>
                                        <?php echo $redux['sportf51'];?>
                                    </p>
                                </h3>
                            </div>
                        </div>
                        <div class="single-portfolio <?php echo $redux['sportf62'];?>" onclick="window.open('projects/project6')">
                            <div class="sngl_pricing">
                                <img class="img-responsive" src="<?php echo $redux['sportf6img']['url'];?>" height ="270" alt="">
                                <h3>
                                    <?php echo $redux['sportf6'];?>
                                    <p>
                                        <?php echo $redux['sportf61'];?>
                                    </p>
                                </h3>
                            </div>
                        </div>
                        <div class="single-portfolio <?php echo $redux['sportf72'];?>" onclick="window.open('projects/project7')">
                            <div class="sngl_pricing">
                                <img class="img-responsive" src="<?php echo $redux['sportf7img']['url'];?>" height ="270" alt="">
                                <h3>
                                    <?php echo $redux['sportf7'];?>
                                    <p>
                                        <?php echo $redux['sportf71'];?>
                                    </p>
                                </h3>
                            </div>
                        </div>
                        <div class="single-portfolio <?php echo $redux['sportf82'];?>" onclick="window.open('projects/project8')">
                            <div class="sngl_pricing">
                                <img class="img-responsive" src="<?php echo $redux['sportf8img']['url'];?>" height ="270" alt="">
                                <h3>
                                    <?php echo $redux['sportf8'];?>
                                    <p>
                                        <?php echo $redux['sportf81'];?>
                                    </p>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="post_btn">
                    <div class="hover_effect_btn" id="hover_effect_btn">
                        <a href="projects/projects" data-hover="view more post"><span><?php echo $redux['sportfb'];?></span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>

页脚后的JS代码

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/vendor/jquery-1.11.3.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/isotope.pkgd.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/bootstrap.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/appear.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/jquery.counterup.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/waypoints.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/owl.carousel.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/showHide.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/jquery.nicescroll.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/jquery.easing.min.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/scrolling-nav.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/plugins.js"></script>
<script src="<?php bloginfo('template_directory');?>/js/main.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

这可能与滚动/简化jquery有关。消除测试中的每个jquery（不是jquery.min.js），而是个性化的jquery，并测试它在第一次加载时是否重叠

还可以一次删除所有个性化的jquery（nicescroll、easing、scrollingnav）进行测试，并通过逐个添加它们来测试正在发生的事情。我想，在某个地方，它停止了对卷轴的计时

----->只是为了更好的实践

尝试以下列方式不使用空格作为填充：


而是在css中创建一个样式

.pb_1 {
    padding-bottom: 1em; // e.g.
}

.pb_2 {
    padding-bottom: 2em;  // if you want more space
}

在html文件上

<div class="title_sec  pb_1">  <!--  add your padding styles here  -->
<!-- eliminate this part  <h1>&nbsp</h1>  -->

您真的需要三个版本的jQuery吗？
.pb_1 {
    padding-bottom: 1em; // e.g.
}

.pb_2 {
    padding-bottom: 2em;  // if you want more space
}

<div class="title_sec  pb_1">  <!--  add your padding styles here  -->
<!-- eliminate this part  <h1>&nbsp</h1>  -->