常連

注目の的

拍手喝采

自己紹介

```html
 


      <div class="box">
        <div class="a">
          a
        </div>
        <div class="b">b</div>
      </div>


```
```css

.box {
  background: red;
  width: 100%;
  height: 200px;
  position: absolute;
  color: #fff
}

.a {
  background: #333;
  width: 100%;
  margin-left: -100px
}

.b {
  background: #999;
  width: 100%;
  margin-left: 100px
}

```
スクロールして左に動かないのに右には動きます。
boxaの文字は左にずれたままずっと見れないのでしょうか。

スクロールしても左に動かないのはなぜでしょうか

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
諸事情により削除

XXXXXXXXXXX

技術自体はandroidでもjqueryでもなんでも大丈夫です。

例えばIDが1〜1000までの1000個のデータがあります。
ユーザAは無限スクロールが実装されたアプリを開きました。
アプリはhttp://localhost/data?page=1にAPI通信をします。
そこでは、降順として、IDが981〜1000までのデータが得られました。

さて、このときにユーザBはデータを1つ追加しました。

その後、ユーザAは下までスクロールしました。
すると、アプリはhttp://localhost/data?page=2にAPI通信します。
しかし、ユーザBのせいでIDは最大1001になっているので、IDが962〜981のデータが得られます。

これをこのまま配列などに追加して表示してしまうと、IDが981のデータが2つ表示されてしまいます。
また、これはIDの重複が無いようにする、などの実装で対処することも可能かもしれないですが、
20件のデータをスクロールによって得たかったのに、19件しか得られていません。
これはまだユーザBが1つしかデータを追加していなかったからマシですが、ユーザBがもし100件とかデータを追加していたら、今表示されているデータよりも新しいデータがAPI通信で得られてしまうことになります。

もしAPI側の実装で、http://localhost/data?page=2&start_id=980のように、IDもパラメータに含める必要が出てくるのであれば、これをLaravelで実装する方法を教えて欲しいです！
（無限スクロールのサンプルの多くはpaginate関数を利用していますが、独自に実装する必要が出てくるのでしょうか？）



よろしくお願いします！




# 追記：
https://developer.twitter.com/en/docs/tweets/timelines/guides/working-with-timelines.html
このページをみたところ、どうやらmax_idとsince_idのようなものをパラメータとして使っていました。
無限スクロール用のAPI実装をするのがベストなのかなぁと言う感じですね。
もし、何かより良いアイデアがあれば知りたいので、質問はこのまましばらく残しておきます。
よろしくお願いします。

無限スクロール中にデータベースが更新された場合

少しマニアックな質問ですいません。


Eclipseを何年も使っておりますが、一つ腑に落ちない現象がございます。

それはJSPです。フォーマットを時々行っているのですが、コードが長くなると下記のようにずれることが起こるのです。

				int current_id = (int) session.getAttribute("current_id");
							int position = (int) session.getAttribute("position");

この2行です。上の行から下の行にいくと、タブが何個か入ってしまうのです。
これが煩わしいと、ずっと感じておりました。動作上は全く問題ないのですが。

タブを取ってあげて、再度フォーマットすると、またタブが入ってしまいます。

これを防ぐ方法をもし知っておられましたらご教示いただけないでしょうか？よろしくお願いいたします。
他の場所になにか問題がありそうでしょうか。

```JSP
			<%
				if (map_tb_cn.size() != 0) {
			%>
			<%
				int current_id = (int) session.getAttribute("current_id");
							int position = (int) session.getAttribute("position");
							boolean once_flag = false;

							String status_of_mark = "";

							String contents_final_format;

```

EclipseのJSPについてちょっとマニアックな質問です。なぜフォーマットするとずれるのか？

### 前提・実現したいこと

form送信前にAJAXで入力内容をチェックし問題がなければそのまま送信したい。
内容変更と新規登録をボタンで切り分けしているため.submit()ではなくclickイベントを使用しています。

### 発生している問題・エラーメッセージ

1回目のclickでformが送信されない。
2回目以降は普通に送信されます。

### 該当のソースコード

```HTML
<form action="edit2.php" method="post" id="myForm">
いろいろフォームの内容

<input type="submit" name="update" value="内容変更" class="check" /><br>
<input type="submit" name="insert" value="新規登録" class="check" />
</form>
```

```jQuery
$('.check').off('click');
$('.check').on('click',function(){
  var form = $("#myForm");
  form.submit(function(e) {
    e.preventDefault(); //送信STOP
  });

  $('.err').remove();
  var _this = $(this),
      mode = _this.attr('name'),
      datas = form.serialize();
  _this.val('チェック中');
  $.ajax({
    type: "POST",
    cache: false,
    url: "check.php",
    data: { mode : mode, datas : datas },
    dataType:"json"
  }).done(function(datas) {
    if(datas['err']){
      $.each(datas.err,function(key, item){
        $('*[name="'+key+'"]').after('<span class="err">　'+item+'</span>');
      });
      _this.val('エラーあり');
    } else {
      _this.val('OK');
      form.off('submit');
      form.submit(mode);
    }
  });
});
```

### 試したこと

どこまで進んでいるのかわからなかったのでボタンのvalueを書き換えてみたところ
きちんと「OK」になるのですが1回目のクリックではform.submit(mode);が動きません。
form.off('submit');の動きなどはあまりきちんとわかっていないためなぜ送られないのかがよくわかりません。
よろしくお願いします。