LIが水平に表示されるように設定されたULがあります。ULの幅は固定されており、オーバーフローを非表示にするように設定されています。これは、ギャラリーで使用する画像をきれいに表示できるようにするためです。それは動作し、見栄えがします。
ただし、オーバーフロープロパティをautoに設定してそれらの醜いスクロールバーを表示するのではなく、jQueryを使用してULのコンテンツをスクロールしたいと思います。数週間前に同じことを行っていたコードをリサイクルしましたが、当時は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に適用できるというサイトを見ました。したがって、これが機能しない原因が正確にわからないのです。
何か案は？
編集：それがまったく機能しない原因を見つけましたが、垂直方向にスクロールしません-一種の期待されていました。水平方向にスクロールする方法はありますか？