移动端-左右滑动

<div id="picBox" style="overflow: hidden;">
   <ul class="hotPic" style="display:flex;padding-bottom:15px;">
       {loop $news_category $item}
       <li class="hotImg " style="position: relative;">
           <a href="#" style="103px;">
                <img class="hotImg1" src="./resource/attachment/{$item['thumb']}" alt="">
                <div style="96%;height:103px;
                                position: absolute;top:0;left:0;">
                     {if $item['isrecommand'] == 1}
                     <span style="display: block;40px;height:26px;line-height:26px;text-align: center;
                                    font-size:16px;color:#fff;background-color:rgb(255,102,102);margin-bottom:-26px;">
                                        活动
                     </span>
                     {/if}
                     <p style="color: #fff;font-weight:bold;text-align:center;margin-top:43px;margin-bottom:0;">
                                        #{$item['name']}#
                     </p>
                                </div>
            </a>
        </li>
        {/loop}
     </ul>
23 </div>  

<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
<script src="http://cdn.bootcss.com/iScroll/5.2.0/iscroll.js"></script>

<script>

        var ele = $(".hotPic");
        ele.width((ele.find(".hotImg").length + 1) * 112);   // 112-滑动距离？
        var myScroll = new IScroll('#picBox', {scrollX: true, scrollY: false});   //实例化

</script>