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

时间:2013-03-04 16:51:19

标签: javascript html css html5 css3

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

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

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

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

你试过溢出:隐藏在div上吗?