5

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

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

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

4

2 回答 2

1

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

话虽如此,我的第一个建议如下

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

于 2013-09-28T11:02:54.980 回答
0

Have you tried overflow:hidden on the div?

于 2013-03-08T17:27:37.817 回答