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

Question

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

有没有办法防止搜索在我折叠的面板中自动滚动内容？一些我可以抓住的事件(焦点？)这样每当浏览器的搜索激活时，我就可以将scrollLeft重置为0，或者我可以设置CSS？

我没有使用jQuery，所以不能选择任何与jQuery相关的东西。

Answer 1

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

话虽如此，我得到的第一个建议如下

1)完全折叠后，将对象或其内容的CSS显示设置为None。

2)折叠时移除内容，并将其存储在内存中，以便在打开折叠的内容时重新注入。

3)打开折叠的元素时，将scrollLeft设置为0。

Answer 2

你有没有尝试过overflow:隐藏在div上？