实现.scrollTo()

时间:2011-12-21 16:31:42

标签: javascript jquery scrollto

我正在尝试从http://flesler.blogspot.com/2007/10/jqueryscrollto.html实现scrollTo脚本jquery脚本,但由于我的脚本设置方式,我无法弄清楚:

    $(".viewproject").click(function() {
    $(...).scrollTo( '#lightwrap', 2500, {easing:'elasout'} );
    var id = $(this).attr("id").replace(/^.(\s+)?/, "");
    var contentTobeLoaded = $("#workitem" + id).html();
    $('#projectajax').animate({
        opacity: '0'
    }, 600, function() {
        $('#projectpanel').show();
        if ($('#projectajax').is(':visible')) {
            $('#projectajax').html(contentTobeLoaded).delay(500).animate({
                opacity: '1'
            }, 500, function() {
                $('#thumbnails, h3').css('border-top', '1px solid #fff');
            });
        }
        else {
            $('#projectajax').html(contentTobeLoaded).hide().slideDown(1000).delay(500).animate({
                opacity: '1'
            }, 500, function() {});
        }
    });
});
$(document).on('click', '#projectclose', function(e) {
    e.preventDefault();
    $("#projectpanel").slideUp('1000');
});

http://jsfiddle.net/Rvgk9/

我想要做的是在点击图片或链接时,我想让它滚动到网站的顶部,如果#projectajax可见,并且如果#projectajax不可见..我试过它只是没有滚动效果,只是按下了页面的顶部。

0 个答案:

没有答案