jQuery滚动图像垂直里面div

Question

我试图做一个更大的照片比包含它自动垂直滚动的div。

还发现了一个不错的jQuery插件jQuery simplyScroll但我不能让它正常运行。我们的fiddle。

(function($) { 
     $(function() { //on DOM ready 
      $("#scroller").simplyScroll({ 
       customClass: 'vert', 
       orientation: 'vertical', 
       auto: true, 
       manualMode: 'end', 
       frameRate: 8, 
       speed: 5 
      }); 
     }); 
    })(jQuery); 

它不滚动到底部。我做错了什么？

Answer 1

https://jsfiddle.net/h5Lrq9zy/2/

.vert .simply-scroll-clip { 
    width: 400px; 
} 
.vert .simply-scroll-list li { 
    width: auto; 
    height: auto; 
} 

插件本身内过多的硬编码的东西。整体上一个可怕的插件，但是，是的，你可以修改它更好。

Answer 2

您指定了一个自定义类作为名为vert的容器使用。

所以，你需要为类指定CSS像这样：

.vert { 
    width: 400px; /* wider than clip for custom button pos. */ 
    height: 1000px; 
    margin-bottom: 1.5em; 
} 

/* Clip DIV */ 
.vert .simply-scroll-clip { 
    width: 400px; 
    height: 1000px; 
} 

/* Explicitly set height/width of each list item */ 
.vert .simply-scroll-list li { 
    width: 400px; 
    height: 1000px; 
} 

Fiddle here。