Militaryをクリックすると、Military domと親domの左側との距離を取得し、その距離を2で割って移動します

一番左をクリックして中央にすると、左側が空白になってしまいませんか？

どのタイプをクリックすると、このダムと親ダムの左側との間の距離が計算できます。
画面の幅を計算できます。
ダムの距離と画面の半分の幅を比較します。そしていつどこまで移動するかを判断します

margin-left:-(x * this.index)px;
現在クリックされているオブジェクトのインデックスを決定し、オフセットを計算します

昨日このデモテストを行ったところです。 Unexpected Encounter のレイアウトも Toutiao と同じです。
JQ実装方法:

html

CSS

jq