javascript - スクロールバーの位置をどのように設定しますか

Question

7 つのパネルを含む div がありますが、スクロールを使用すると一度に 1 つしか表示されません。私の問題は、div 内の特定の距離から開始するにはどうすればよいですか? いくつかの解決策を調べましたが、それらを機能させることができないようです。これが私がこれまでに持っているものです：

JS

function olo() {
    el = document.getElementById("overlimo");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";

    var targetXPos = 800;
    $(document).ready(function () {
        $('html, body').animate({
            scrollLeft: targetXPos
        }, 900);
    });
}

HTML と CSS は長いので、特に必要がない場合は省略します。最初の関数 olo() はオーバーレイに行きます。各リンクには独自の開始点があるため、特定の位置から開始する方法を知る必要があります。

最初の div の幅が 900px で、その div 内の行全体が 6300px だとします。クリックしたときに残りの 6 つのパネルの間隔を設定する必要があります: たとえば、900px 内、1800px 内、2700px 内...