Javascript 如何在滑动选项卡中设置选项卡的起始位置以删除滚动？

我制作了一个phonegap应用程序，用于使用滑动选项卡。我有四个选项卡，每个选项卡都有一个特定的div，使用Ajax获取动态数据。这些标签工作得很好。但滚动条中有一个问题。假设我在第一个选项卡页面中调用Ajax，然后从URL获取数据。假设他现在从URL获得100个数据，以便查看我使用的最后一个数据滚动页面。现在的问题是，此时我将第一个选项卡滑动到第二个选项卡，然后第二个选项卡使用第一个选项卡页面的滚动条，这也显示在页面的最后一页。我不知道我能解释这个问题，所以我添加了一些关于这个问题的快照。任何人请帮助我。谢谢我没有发布图片的名声，所以我添加了我的代码来刷卡

My index.html


<div class="tabs"> <a href="#" class="active">Orders</a> <a href="#" >Quotes</a> <a href="#">Closing</a> <a href="#">Encompass</a></div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide slide-style">
                <div class="content-slide">
                    <ul id="order-list" style='padding:0px; margin-top:68px;'>

                    </ul>
                </div>
            </div>
            <div class="swiper-slide slide-style">
                <div class="content-slide">
                    <ul id="quote-list" style='padding:0px; margin-top:68px;'>

                    </ul>
                </div>
            </div>
            <div class="swiper-slide slide-style">
                <div class="content-slide">
                    <ul id="closing-list" style='padding:0px; margin-top:68px;'>

                    </ul>

                </div>
            </div>
            <div class="swiper-slide slide-style">
                <div class="content-slide">
                    <ul id="encompass-list" style='padding:0px; margin-top:68px;'>

                    </ul>
                </div>
            </div>
        </div>
    </div>

css

---

你能在这里发布CSS吗？CSS很好，把示例JSFIDLE放得更好。如果与我的方法不同，你是如何解决的？把它包括进去总是很有帮助的，这样其他读者就可以参考它了。是不是swiper容器{overflow:hidden；}？我在css代码中使用了.swiper幻灯片{overflow-y:auto；}，这就是中继工作，所以你可以点击绿色复选框>lol。说真的，伙计。这些假互联网点很重要！

.swiper-container {
margin:0 auto;
position:relative;
overflow:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden; 
backface-visibility:hidden;
/* Fix of Webkit flickering */
z-index:1;
}
.swiper-wrapper {
position:relative;
width:100%;
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}

.swiper-container {

}
.swiper-slide {

width: 25%;

}
.swiper-slide-active {
/* Specific active slide styling: */
}
.swiper-slide-visible {
/* Specific visible slide styling: */   
}

.swiper-pagination-switch {
/* Stylize pagination button: */    
}
.swiper-active-switch {
/* Specific active button style: */ 
}
.swiper-visible-switch {
/* Specific visible button style: */    
}

.swiper-slide {
    overflow-y: auto;
}