2009-11-19 98 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);