防今日頭條滑動(dòng)效果

<div class="swiper-container nav-padding-right">
            <div class="swiper-container tyre">
                <div class="swiper-wrapper">
                    <!-- 單獨(dú)模板 -->
                        <a href="#" class="swiper-slide myOrder-nav-hover">洗車</a>
                        <a href="#" class="swiper-slide">檢查</a>
                        <a href="#" class="swiper-slide">代駕</a>
                        <a href="#" class="swiper-slide">事故代步</a>
                        <a href="#" class="swiper-slide">救援</a>
                        <a href="#" class="swiper-slide">保養(yǎng)</a>
                        <a href="#" class="swiper-slide">加油</a>
                        <a href="#" class="swiper-slide">福利</a>
                        <a href="#" class="swiper-slide">查詢服務(wù)</a>
                </div>
            </div>
            <i class="icon-application"></i>
        </div>

.nav-padding-right{
    padding-right: .8rem;
    padding-left: .2rem;
    position: relative;
}
.tyre .swiper-slide{
    line-height: .5rem;
    height: .5rem;
    width: 1.5rem;
    text-align: center;
    font-weight: normal;
}
.tyre a.tyre-link {
    display: inline-block;
    font-size: .26rem;
    padding-bottom: .2rem;
    width: 100%;
}
.myOrder-nav-hover {
    color: #fa7268;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
　　-webkit-transform: translate3d(0,0,0);
　　transform: translate3d(-300px,0,0);
}

$(function () {
    var mySwiper = new Swiper('.swiper-container',{
    direction: 'horizontal',//水平滑動(dòng)
    slideToClickedSlide: true,//設(shè)置為true則點(diǎn)擊slide會(huì)過(guò)渡到這個(gè)slide。
    //centeredSlides : true,//true居中
    slidesPerView: 'auto',//自適應(yīng)寬度
    loopedSlides:11, //使用該參數(shù)設(shè)置所要用到的loop個(gè)數(shù)(一般設(shè)置大于可視slide個(gè)數(shù)2個(gè)即可)。   
    });                
    // 導(dǎo)航 
    $(".swiper-wrapper a").click(function() {
        $(this).siblings('a').removeClass('myOrder-nav-hover'); 
        $(this).addClass('myOrder-nav-hover');                           
    });
});