1

クリックすると、ブラウザ ウィンドウが div の一番上までスクロールされるようにしようとしています。唯一の問題は、他のすべてが機能することですが、ウィンドウはクリックされた div の一番上までスクロールする必要があります...

これまでのところ、私は持っています:

$('.work-showcase').click(function(){
    $('.work-showcase').animate({height:'135px'}, 500);
    $(this).animate({height:'400px'}, 500);
    $(window).scrollTop;
});

私が何を意味するかを示すためにjsfiddleを作成しました... http://jsfiddle.net/Jq4Vw/

4

5 に答える 5

8

これは、ウィンドウが最大に達していない限り、div の一番上までスクロールする方法です。

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

    $('html,body').animate({
        scrollTop: $(this).offset().top},
        'slow');
});

スクロールする前に何を達成しようとしていたのかわからない

ここでそれを参照してください

于 2013-01-08T11:34:45.753 に答える
1

これを試して：

$('.work-showcase').click(function(){
    $('.work-showcase').animate({height:'135px'}, 500);
    $(this).animate({height:'400px'}, 500);
    $("html, body").animate({ scrollTop: $(this).offset().top }, 500);
});
于 2013-01-08T11:36:44.780 に答える
1

これを達成しようとしていると思います：http://jsfiddle.net/Jq4Vw/7/

$('.work-showcase').click(function(){
   $('.work-showcase').animate({height:'135px'}, 500);
   $(this).animate({height:'400px'}, 500).promise().done(function(){
       $('html,body').animate({scrollTop: $(this).offset().top},500);
       $(this).addClass('current').unbind('click'); // just add this line
   });
});
于 2013-01-08T11:45:15.410 に答える
1

これを参照してください：http://jsfiddle.net/Jq4Vw/4/

$('.work-showcase').click(function(){
   $('.work-showcase').animate({height:'135px'}, 500);
  $(this).animate({height:'400px'}, 500,function() {  
  $("html, body").animate({ scrollTop: $(this).offset().top });  
   });
 });
于 2013-01-08T11:39:26.487 に答える
0 
$('.work-showcase').click(function(){
    window.location = "#top";
});

make sure top ID is present.

<div id="top">
I am at the top of the document.
</div>

Working Fiddle

于 2013-01-08T11:36:10.267 に答える