使用jQuery使页面向上和向下滚动

时间:2012-06-24 05:11:21

标签: jquery scroll

我目前有这个代码链接到左右按钮的图像,使页面向左和向右滚动。

    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;
});

我想使用类似的东西链接到一个向上和向下按钮,但我无法让它工作..这是我到目前为止...任何建议将不胜感激!

我的理解是“下降”'似乎让我的页面上升..(但点击时不会淡入淡出)和我的上升'什么都不做(点击时仍然会淡入淡出)。

    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;
    });

0 个答案:

没有答案