Ich arbeite in Phone Gap mit Java Script, HTML und CSS. Ich habe eine Swipeview mit implementiertdiese.

Ich bezweifle, wie das gehen sollCSS sei derCSS Ich implementiert ist wie folgt.

.swiper-threshold {
width:100%;
height:350px;
margin-top:40px;
text-align:left;
line-height:20px;
font-size: 15px;
text-align:justify;
text-justify:inter-word;
}

.swiper-threshold .swiper-slide{
width:auto;
height:350px;
margin-top:2%;
margin-left:0;
padding-right:0%;
text-align:left;
line-height:20px;
font-size: 15px;
text-align:justify;
text-justify:inter-word;
}

Die Verschiebebewegung erfolgt von links nach rechts. Bei Erreichen des letzten Schiebers wird die Bewegung umgekehrt. wann ändere ich michmargin-left:0; von 0 bis 5 ... wenn ich schiebe, wird der linke Bereich addiert. Die letzte Folie wird für die Hälfte des Bildschirms angezeigt.

aber wenn ich gebemargin-left:0; alle stecken am linken rand fest.

HTML-Codierung:

 <div id="swipe_body">
    <div class="swiper-container swiper-threshold">
        <div class="swiper-wrapper" id="swiper-wrapper">

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

SWIPER-SLIDE-Erstellung

            var val = k+1;
            var superdiv = document.getElementById('swiper-wrapper');
            var newdiv =  mySwiper.createSlide('div');
            newdiv.append();
            var divIdName = 'swiper-slide'+val;
            console.log("div name: "+divIdName);
            newdiv.setAttribute('id',divIdName);
            newdiv.className="swiper-slide";
            superdiv.appendChild(newdiv);
            var cnt = '<div id="container'+val+'" class="container">values</div>';
            document.getElementById(divIdName).innerHTML=cnt;
            console.log("processsing parameter loop ");

Was soll ich geben, so dass n-Anzahl von Wischen die Folien die gleiche Position in der Mitte des Bildschirms sein sollte.

Bitte führen Sie mich!