“最大宽度”与iScroll水平滚动实例页面

展示

代码

• HTML：

  <div id="wrap" class="wrap">
    <ul>
      <li><img src="1.jpg"></li>
      <li><img src="1.jpg"></li>
      <li><img src="1.jpg"></li>
      <li><img src="1.jpg"></li>
      <li><img src="1.jpg"></li>
    </ul>
  </div>

• CSS：

  .wrap {
    width: 300px; height: 200px;
    position: relative;
    overflow: hidden;
  }
  .wrap > ul {
    position: absolute;
    white-space: nowrap;
  }
  .wrap li {
    display: inline-block;
  }

• JS：

  new IScroll('#wrap', {
    scrollbars: true,
    scrollX: true,
    scrollY: false
  });