2009-11-19 197 views
0

我有一個UL與LI的設置爲水平顯示。 UL有一個固定的寬度,它被設置爲隱藏溢出。這樣我就可以整齊地展示我的圖像,這些圖像將在畫廊中使用。它的作品,看起來不錯。jQuery滾動UL隱藏溢出

但是,我想要使用jQuery來滾動UL的內容,而不是將溢出屬性設置爲auto,並使用那些醜陋的滾動條來呈現。我回收了幾個星期前用來做同樣事情的代碼,但是當時我是在DIV中做的。顯然更容易。

$('.gallery_container span').hover(
function() 
{ 
    if ($(this).attr('class') == 'up') 
     direction = '-='; 
    else 
     direction = '+='; 

    var divOffset = $('ul.gallery').offset().top; 
    $('ul.gallery').animate({scrollTop: direction + divOffset}, 5000); 
}, 
function() 
{ 
    $('ul.gallery').stop(); 
}); 

我看到一個網站說scrollTop屬性可以應用到UL的。所以我不確定究竟是什麼導致了這個不起作用。

任何想法?

編輯:發現是什麼造成它根本不能工作,但不是它垂直滾動 - 種類的預期。有什麼方法可以水平滾動嗎?

回答

0

也許:

$('ul.gallery').animate({scrollLeft: direction + divOffset},2000);