Javascript jQuery,单击向下滚动窗口到div的顶部

Javascript jQuery,单击向下滚动窗口到div的顶部,javascript,jquery,Javascript,Jquery,我试图使我的浏览器窗口在单击时向下滚动到div的顶部。唯一的问题是其他一切正常,但窗口应该向下滚动到div的顶部 到目前为止,我已经: $('.work-showcase').click(function(){ $('.work-showcase').animate({height:'135px'}, 500); $(this).animate({height:'400px'}, 500); $(window).scrollTop; }); 我做了一个jsfiddle来

我试图使我的浏览器窗口在单击时向下滚动到div的顶部。唯一的问题是其他一切正常,但窗口应该向下滚动到div的顶部

到目前为止,我已经:

$('.work-showcase').click(function(){
    $('.work-showcase').animate({height:'135px'}, 500);
    $(this).animate({height:'400px'}, 500);
    $(window).scrollTop;
});
我做了一个jsfiddle来告诉你我的意思。。。

只要窗口没有最大化,就可以滚动到div顶部:

$('.work-showcase').click(function(){

    $('html,body').animate({
        scrollTop: $(this).offset().top},
        'slow');
});
我不确定在滚动之前您试图实现什么


在此处查看

只要窗口没有最大化,就可以滚动到div顶部:

$('.work-showcase').click(function(){

    $('html,body').animate({
        scrollTop: $(this).offset().top},
        'slow');
});
我不确定在滚动之前您试图实现什么

看到这里了吗

确保top ID存在

<div id="top">
I am at the top of the document.
</div>
确保top ID存在

<div id="top">
I am at the top of the document.
</div>
试试这个:

$('.work-showcase').click(function(){
    $('.work-showcase').animate({height:'135px'}, 500);
    $(this).animate({height:'400px'}, 500);
    $("html, body").animate({ scrollTop: $(this).offset().top }, 500);
});
试试这个:

$('.work-showcase').click(function(){
    $('.work-showcase').animate({height:'135px'}, 500);
    $(this).animate({height:'400px'}, 500);
    $("html, body").animate({ scrollTop: $(this).offset().top }, 500);
});
见此:

见此:


我认为你正在努力实现这一目标:


我认为你正在努力实现这一目标:



$window.scrollTop?对同一元素设置两次动画??????@Alex$window.ScrollTopLooooolllllllllllllllllllllllllllllllllllllllllllllllllllllll$window.scrollTop?对同一元素设置两次动画??????@Alex$window.ScrollTopLooollllllllllllllllllllllllllllWindow.location不是一个方法,而是一个属性。顺便说一句,我看不出这是一个什么样的问题answer@roasted他正在重定向到其他页面:D.让用户在单击时看不到任何内容。每个人都在回答,所以他也回答了一个。哈哈哈:你们这些笨蛋:你们不知道他在用散列法!他所做的是正确的,但其他用户必须有大脑才能知道如何使用它:/@Zeal Murapa+1让这些用户意识到他们并不总是正确的;window.location不是一个方法,而是一个属性。顺便说一句,我看不出这是一个什么样的问题answer@roasted他正在重定向到其他页面:D.让用户在单击时看不到任何内容。每个人都在回答,所以他也回答了一个。哈哈哈:你们这些笨蛋:你们不知道他在用散列法!他所做的是正确的,但其他用户必须有大脑才能知道如何使用它:/@Zeal Murapa+1让这些用户意识到他们并不总是正确的;谢谢@Jai,动画完成后,如果单击了同一个div,有没有办法停止函数再次出现?如果$window.scrollTop==0{return false;}@Liamwhat您想要什么?你只想单击div一次,也只想在一次之后执行事件一次,那么应该禁用该事件吗?如果你在这里看到元素移动到窗口顶部的位置,如果你再次单击它,它会动画,而我不想动画,如果这有意义的话@AspiringAqibyeah当然有道理:D我明白了,如果div已经像任何div之间的空白一样打开了,那么就不要制作动画:DThanks@Jai,动画完成后,如果单击同一个div,有没有办法阻止函数再次出现?if$window.scrollTop==0{return false;@liam您想要什么?你只想单击div一次,也只想在一次之后执行事件一次,那么应该禁用该事件吗?如果你在这里看到元素移动到窗口顶部的位置,如果你再次单击它,它会动画,而我不想动画,如果这有意义的话@AspiringAqibyeah当然有道理:D我明白了,如果div已经像任何div之间的空白一样打开了,那么就不要设置动画:D