カスタムボックスモーダルで上にスクロール

私はCustomboxを使用してモーダルを開きます。このモーダルは少し時間がかかるので、「Go To Top」ボタンを追加しました。カスタムボックスモーダルで上にスクロール

私はthis at SOを見つけました。私はモーダルスクロールをバックアップするためにさまざまな組み合わせを試みてきました。私が試した

：

$("html, body").animate({ 
    scrollTop: $("#modal-id").offset().top 
}, 800);

とオフセットが、私はそれがモーダルのトップにスクロールすることができません取得するためのさまざまな組み合わせの一握り。

どこスクロールバーですか？（ブラウザウィンドウまたはモーダルウィンドウ上） –

@MichaelOakleyブラウザで。 –

@ ameenulla0007本当ですか？モーダルが少し長くなると、垂直スクロールバーが表示され、ホイールマウスを使用して手動でスクロールできます。 –

スクロールバーが.custombox-modal-wrapper要素に属しているので、あなたは<body>や<html>を、それをスクロールするべきではありません。

$(".custombox-modal-wrapper").animate({ 
    scrollTop: $("#modal-id").offset().top 
}, 800);

2016-04-04 18:55:59

ねえ、これはうまくいきました！別の要素を使用しようとしたときに、 '.custombox-modal-container''div'を使用しましたが、うまく動作しませんでした。どの要素にスクロールバーがあるのかをどのように判断するのですか？ –

@PatrickGregorio Chrome DevToolsの灰色の背景を調べて、それがこの要素であることを知りました。 –

'.custombox-overlay'と' .custombox-modal-wrapper'は、これらの要素を調べるときにスクロールバーを強調表示します。 –

答えて