jquery - ウィンドウ全体をスクロールするときに特定の要素をスクロールする

Question

これが私のコードです：

$(body).scroll(function() {
        $('#page_text').scroll();
    });

ご覧のとおり、ページの残りの部分をスクロールしているときに #page_text をスクロールしようとしているのはかなり貧弱です。Web サイトには、画面のサイズに適応するための非常に特殊な寸法があるため、#page_text は overflow:auto... です。スタイルの問題で、サイトのスクロールバーを非表示にする必要がありました。助けたいと思っているすべての人に感謝します。

Answer 1

次のコードを試してください:

$(document).ready(function() {
   $(document).on('scroll', function() {
      var docScrollHeight = $(this).scrollTop();
      $('#page_text').scrollTop(docScrollHeight);
   });
});

これにより、すべてのドキュメント スクロールで関数が呼び出され、現在のドキュメント スクロールの高さが検出されます。次に、page_text要素を同じスクロール高さにスクロールします。