阻止浏览器搜索ctrl f滚动我的折叠div

Question

通过将包装器div的宽度设置为比内容宽度小很多,我有一个"折叠"的面板.但是,当我ctrl f用来搜索单词时,我的折叠面板会滚动,即.scrollLeft折叠面板的包装div 的属性不再是0.这是一个问题,因为我不希望它被滚动,因为它弄乱了UI.

有没有办法防止搜索在我的折叠面板中自动滚动内容？某种事件我可以锁定(焦点？),这样我可以scrollLeft在浏览器的搜索激活时重置为0,或者我可以设置CSS？

我没有使用jQuery所以jQuery相关的任何东西都不是一个选项.

Answer 1

这是任何浏览器的默认功能和用户期望的功能，删除或阻止它将使开发人员能够严重改变用户体验，通常是不可能的，也不是一个好主意。

话虽这么说，我的第一个建议如下

1）在完全折叠后将对象或其内容的CSS显示设置为None。
2) 折叠时删除内容并将其存储在内存中，以便在打开折叠内容时注入回来。
3）打开折叠元素时，将scrollLeft设置为0。