幫助需要滾動到div播放列表中的事件

我試圖在jPlayer中實現滾動到DIV（即順暢滾動某些緩動），這是一個javascript音頻播放列表。基本上，播放列表在滾動DIV中，滾動條和鼠標滾輪滾動，並且當軌道改變時，我希望它觸發滾動到當前正在播放的軌道，即新軌道，使得它在DIV中垂直居中（其具有一個可變的高度）。幫助需要滾動到div播放列表中的事件

我想我會用努力一些代碼添加到#jplayer_next事件通常看起來像這樣先啓動：

$("#jplayer_next").click(function() { 
     playListNext(); 
     $(this).blur(); 
     return false; 
    });

我想出了下面的代碼添加：

$("#jplayer_playlist").scrollTop($(".jplayer_playlist_current").offset().top);

其中#jplayer_playlist是滾動的DIV，.jplayer_playlist_current是當前正在播放的曲目的類別。該代碼確實做了一些事情，但我發現在div上看起來相當荒謬，這似乎與當前正在播放的曲目有點相關，但當然不是我正在尋找的東西。您可以看到播放列表here。當前正在播放的曲目以綠色突出顯示，並且當您單擊下一個按鈕時，DIV肯定不會順利滾動到當前正在播放的曲目！

如果有人可以幫助我修改代碼以使其正常工作，我將不勝感激。

感謝，

尼克

來源

2011-03-24 Nick

我不能給你一個直接答案，但是你有沒有想過使用jQuery插件的schrollbar，這將使它看起來更好一點了。

http://www.kelvinluck.com/assets/jquery/jScrollPane/scrollTo.html

JScrollPane中有一個「scrollTo」 functionallity，我使用散列鏈接以定義滾動到相信的吧。

我個人喜歡Control.Scrollbar，但它使用Prototype Framework而不是JQuery。

來源

2011-03-24 22:52:33 Bodman

謝謝博德曼。我正在看Control.Scrollbar，並從他們網站上的示例中獲取了代碼。我在頁面中包含了scrollbar.js。據推測我還需要包含prototype.js。我試過這樣做，沒有看到任何滾動條或可滾動的DIV。我不知道是否有什麼我失蹤？ Nick – Nick 2011-03-26 08:56:07

是的，scrollbar.js對div的「結構」很挑剔，例如類名，嵌套等等。我首先在一個空白的html文檔上開始實現它，然後嘗試移植它。是的，你需要原型。由於您已經在使用JQuery tho，因此我會查看jQuery，它有一些很好的實現。 – Bodman 2011-03-26 18:01:17

幫助需要滾動到div播放列表中的事件

回答

相關問題