1

皆さん、こんにちは。上にスクロールしたときに POS のセクションが下にジャンプするのを止めるコードを探していました。私はJavascriptコードのいくつかのバリエーションを試しましたが、ほとんどの場合、それを行うことができますが、分割線の終わりから数行下にジャンプすることです. これが私が始めたコードで、一番下まで続きます。これは、2 秒ごとに div を更新するときに実行されます。

function at_Ticket_ScrollBottom()
{
  var objDiv = document.getElementById("cartTicket");
  objDiv.scrollTop = objDiv.scrollHeight;
}

私が使用した2番目のコードは次のとおりです。

function at_Ticket_ScrollBottom()
{
   var objDiv = document.getElementById("cartTicket");
   objDiv.scrollTop = objDiv.offsetHeight;
}

この 2 番目のコードは下にジャンプしますが、一番下から数行離れています。divのどの行であっても、強調表示した行に残るようにしようとしています。

この Web ベースの POS システムには、PHP、Javascript、および ajax を使用しています。約 1 週間苦労していて、私が得た最も近いものは、私が投稿した 2 番目のコードです。ほとんどの人は、一番下まで自動スクロールする方法を尋ねているので、今のところあまり見つけられていません。

これは動的な div で、このページでは何も動きませんが、この div は食べ物の注文で満たすことができます。これらの注文は div を埋め、十分な数が入力されるとスクロール可能になります。2 秒ごとに更新され、新しい注文や変更が注文に加えられたかどうかが確認されます。更新が発生すると、スクロールしてチケットの一番下に戻ります。チケットの一番上にあるアイテムを更新時間内に選択して変更する時間がないため、一番下に移動するのをやめる必要があります。

4

0 に答える 0