jquery - JQuery scrollto が入力フィールドをブロックする

Question

サイトにテキストを追加できる CMS ページを作成しました。ページには複数の送信フォームがあります。スクロールを避けるために、jquery scrollto アクションを含むメニューを作成して、正しい送信フォームにジャンプしました。

$(document).on('click', '#scrollto_blogpost', function(event) {
    $('html,body').animate({
        scrollTop: $('#blogtitle').offset().top -100
    }, 'slow');
});

入力フィールド #blogtitle (フォームの上部の入力フィールド) に直接ジャンプし、それをオフセットしてブラウザーの端と入力フィールドの間にスペースを空けます。

メニュー項目をクリックするとフォームにジャンプしますが、入力フィールドをクリックできず、送信ボタンをクリックしても無視されます。テキストエリアボックスはクリックすると反応しますが、2 行目あたりでしか反応しません。

現時点での回避策: - フォームにジャンプします。- マウスで手動で上下にスクロールします - すべての入力フィールドはマウスのクリックに反応します。

オフセットと関係があると思いますが、正しい解決策が見つかりません。