impedendo la ricerca del browser ctrl f dallo scrolling del mio div crosso

Question

Ho un pannello che è "collassato" impostando la larghezza del div del wrapper per essere molto più piccola della larghezza del contenuto. Tuttavia, quando uso ctrl f per cercare parole, il mio pannello compresso viene scrollato, cioè. l'attributo scrollLeft del wrapper div del riquadro compresso non è più 0. Questo è un problema perché non voglio che venga scostato perché rovina l'interfaccia utente.

C'è un modo per impedire alla ricerca di scorrere automaticamente elementi nel mio pannello compresso? Qualche evento su cui posso aggrapparmi (messa a fuoco?) In modo da poter azzerare scrollLeft a 0 ogni volta che la ricerca del browser si sta attivando o il CSS che posso impostare?

Non sto utilizzando jQuery, quindi qualsiasi cosa relativa a jQuery non è un'opzione.

Answer 1

Questa è la funzionalità predefinita di qualsiasi browser e funzionalità che gli utenti si aspettano, rimuovendo questo o impedendo che darebbe agli sviluppatori la possibilità di alterare seriamente l'esperienza utente e generalmente non è possibile, né una buona idea.

Detto questo, i primi suggerimenti che ho sono i seguenti

1) impostare la visualizzazione CSS dell'oggetto o il suo contenuto Nessuno dopo completamente crollato.
2) rimuovere il contenuto quando è compresso e archiviarlo in memoria per iniettarlo nuovamente all'apertura del contenuto compresso.
3) all'apertura di un elemento collassato, impostare lo scrollLeft su 0.

Answer 2

Hai provato l'overflow: nascosto sul div?