html - オーバーフローが非表示になったら一番上までスクロール

Question

overflowofを持つ要素のコンテンツをhidden一番上にスクロールする方法はありますか?

使用例:

1. コンテナ要素の最大高さは 200px、開始位置は 60px です。
2. ユーザーが「さらに表示」をクリックすると、高さが 200px に拡大されます。
3. 200px を超えるコンテンツがあるため、ユーザーはリストの一番下までスクロールできます。
4. ユーザーが「非表示」をクリックすると、高さが 60px に下がります。
5. リストが上部になく、スクロールできないという問題が発生します。

ここでのアイデアは素晴らしいでしょう。

Answer 1

CSSでは無理だと思います。

element.scrollIntoViewを見てみることができます。

scrollIntoView を検索すると、SOでこの質問が見つかりました。答えは、jQuery の scrollTop の使用を示唆しています。