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。