javascript - Javascript のコンテンツ オフセット

Question

使用せずに、スクロールを使用して div の独自の実装を作成したいoverflow: scroll;

しかし、divのコンテンツオフセットを取得する方法がわからないようです。誰か知っていますか?

Answer 1

「コンテンツオフセット」の意味を完全には理解していませんが、スクロールのような動作を実装する1つの方法は次のとおりです。

<div id="a">
    <div id="b">
        Lorem ipsum dolor pipsum.
    </div>
</div>

#a {
    position: relative;
    overflow: hidden;
    height: 100px;
}
#b {
    position: absolute;
    height: 200px;
}

のプロパティ#bを#a変更することでスクロールできるようになりました。一番下までスクロールすると、 に設定され、リセットされます。#btoptop-100px0

ただし、実際のスクロールバーを実装するのはあなた次第です。マウスホイールのサポートなども同様です。