jquery - divの一番上にスクロールするJQueryアニメーション

Question

.span をクリックすると表示される非表示の div、.model-detail-panel があります。

$('[class*="span"]').on('click', function () {
        $(this).parent().next('.model-detail-panel').slideToggle()
    });

このコードに .animate() を組み込んで画面をスクロールし、表示された div の上部がウィンドウの上部になるようにします。

どうすればこれを達成できますか？

前もって感謝します..

score 15 · Accepted Answer

次のように、Positionを使用できます。

$("body, html").animate({
    scrollTop: $(".model-detail-panel").position().top
});

score 4 · Accepted Answer

@michele-bertoliによって提案されたコードを少し変更します

$('html, body').animate({scrollTop: $(".model-detail-panel").offset().top
            }, 500);

私のために働いてきました。

投稿してくれた人に感謝します。

2 に答える 2