swipe js自定义宽度

  • Z时代
  • 2024-01-10
  • 分类：问答

使用移动设备的swipe js，我无法弄清楚如何显示两个div而不是一个div。swipe js自定义宽度

Live Sample here

CSS

body { 
    font-family: arial; 
} 
.swipe { 
    overflow: hidden; 
    visibility: hidden; 
    position: relative; 
} 
.swipe-wrap { 
    overflow: hidden; 
    position: relative; 
} 
.swipe-wrap > div { 
    font-size: 90px; 
    font-weight: bold; 
    float:left; 
    width: 100%; 
    position: relative; 
}

HTML

<div id='mySwipe' class='swipe'> 
    <div class='swipe-wrap'> 
    <div>0</div> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 
    <div>5</div> 
    <div>6</div> 
    <div>7</div> 
    <div>8</div> 
    <div>9</div> 
    <div>10</div> 
    <div>11</div> 
    <div>12</div> 
    <div>13</div> 
    <div>14</div> 
    </div> 
</div> 
<div> 
    <button class='prev' onclick='mySwipe.prev()'>prev</button> 
    <button class='next' onclick='mySwipe.next()'>next</button> 
</div>

回答：

简单，你欺骗是这样的：http://jsfiddle.net/Gajotres/tFFAt/

HTML变化：

<div id="projects"> 
    <div id='mySwipe' class='swipe'> 
     <div class='swipe-wrap'> 
      <div> 
      <div>0</div> 
      <div>1</div>    
      </div> 
      <div> 
      <div>2</div> 
      <div>3</div>   
      </div> 
      <div> 
      <div>4</div> 
      <div>5</div>    
      </div> 
      <div> 
      <div>6</div> 
      <div>7</div>    
      </div> 
      <div> 
      <div>8</div> 
      <div>9</div>    
      </div> 
      <div> 
      <div>10</div> 
      <div>11</div>   
      </div>   
      <div> 
      <div>12</div> 
      <div>13</div>  
      </div> 
      <div> 
      <div>14</div>   
      </div> 
     </div> 
    </div>

CSS变化：

.swipe-wrap div div { 
    display: inline-block; 
    width: 48%;  
}

以上是 swipe js自定义宽度 的全部内容， 来源链接： utcz.com/qa/266618.html

回到顶部