javascript - ブラウザ検索ctrlfが折りたたまれたdivをスクロールできないようにする

Question

ラッパーdivの幅をコンテンツの幅よりもはるかに小さく設定することで「折りたたまれた」パネルがあります。ただし、ctrl f単語の検索に使用すると、折りたたまれたパネルがスクロールされます。折りたたまれたパネルのラッパーdivのscrollLeft属性は0ではなくなりました。これは、UIを台無しにするときにスクロールされたくないため、問題になります。

折りたたまれたパネルで検索が自動的にスクロールしないようにする方法はありますか？ブラウザの検索がアクティブになっているときはいつでも0にリセットできるように（フォーカス？）ラッチできるある種のイベントscrollLeft、または設定できるCSS？

私はjQueryを使用していないので、jQueryに関連するものはオプションではありません。

Answer 1

これはブラウザのデフォルト機能であり、ユーザーが期待する機能です。これを削除するか、これを防ぐと、開発者はユーザーエクスペリエンスを大幅に変更できるようになり、通常は不可能であり、良い考えでもありません。

そうは言っても、私が最初に提案するのは次のとおりです。

1）完全に折りたたんだ後、オブジェクトまたはそのコンテンツのCSS表示を[なし]に設定します。
2）折りたたまれたコンテンツを削除し、メモリに保存して、折りたたまれたコンテンツを開いたときに元に戻します。
3）折りたたまれた要素を開いたら、scrollLeftを0に設定します。

Answer 2

あなたはオーバーフローを試しましたか：divに隠されていますか？