jQuery滚动UL隐藏溢出

时间:2009-11-19 05:28:41

标签: javascript list scroll overflow

我有一个UL,LI设置为水平显示。 UL具有固定宽度,并设置为隐藏溢出。这样我就可以整洁地显示我的图像,这些图像将在图库中使用。它的工作原理很好看。

但是,我希望使用jQuery滚动UL的内容,而不是将overflow属性设置为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。所以我不确定究竟是什么导致这种情况无法发挥作用。

有什么想法吗?

编辑:找到导致它根本不起作用的原因,但不是它垂直滚动 - 有点预期。有没有办法水平滚动它?

1 个答案:

答案 0 :(得分:0)

也许:

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