1

私は現在、ページを左右にスクロールさせる左右のボタンの画像にリンクされているこのコードを持っています。

    jQuery('.go-right').click(function() {
    jQuery(".thumbs").stop().animate({left:'-'+(parseFloat(jQuery(".thumbs").width())-parseFloat(jQuery(window).width()))+'px'},{queue:false,duration:300});
    jQuery(this).fadeTo('slow', 0.20);
    jQuery('.go-left').show();
    jQuery('img.go-left').fadeTo('slow', 1.0);
    return false;
});
jQuery('.go-left').click(function() {
    jQuery(".thumbs").stop().animate({left:'0'},{queue:false,duration:300});
    jQuery(this).fadeTo('slow', 0.20);
    jQuery('.go-right').show();
    jQuery('img.go-right').fadeTo('slow', 1.0);
    return false;
});

そして、上下ボタンへのリンクに似たものを使いたいのですが、うまくいきません。これまでのところ、これが私が持っているものです。どんな提案でも大歓迎です!

'go-down'のロジックにより、ページが上に移動するようです(ただし、クリックしてもフェードインおよびフェードアウトしません)。'go-up'は何もしません(クリックしてもフェードインおよびフェードアウトします)。

    jQuery('.go-down').click(function() {
    jQuery(".thumbs").stop().animate({scrollTop: $elem.height()}, 800);
    jQuery(this).fadeTo('slow', 0.20);
    jQuery('.go-down').show();
    jQuery('img.go-down').fadeTo('slow', 1.0);
    return false;
    });

jQuery('.go-up').click(function() {
    jQuery(".thumbs").stop().animate({scrollTop: 0});
    jQuery(this).fadeTo('slow', 0.20);
    jQuery('.go-up').show();
    jQuery('img.go-up').fadeTo('slow', 1.0);
    return false;
    });
4

0 に答える 0