上下无缝滚动

(function(){
         var swiperBox = document.querySelector(".photo-wrapper");
         if(swiperBox.querySelector(".photo-wrapper img") == null){
             return false;
         }
         var height = swiperBox.querySelector(".photo-wrapper img").clientHeight;
         swiperBox.innerHTML = swiperBox.innerHTML + swiperBox.innerHTML;
         var during = (parseInt(swiperBox.dataset.during) || 15) * 1000;
         var speed = height/during * 17;
         var distance = 0;
         var timer = setInterval(function(){
             distance = distance + speed;
             swiperBox.style.transform = "translate3d(0," + (-distance + "px") + ",0)";
             swiperBox.style.webkitTransform = "translate3d(0," + (-distance + "px") + ",0)";

             if(distance >= height){
                 swiperBox.style.transform = "translate3d(0,0,0)";
                 swiperBox.style.webkitTransform = "translate3d(0,0,0)";
                 distance = 0;
             }
         },17)
     })();

<div class="photo-wrapper">
                                            <img src="../node/qnKgFA/res/icon2.png?time=1507878758" width="100%" />
                                    </div>