CSS Konflikt
%Vor% mit
Webbrowser-Befehl
Probleme:
Bei der Site handelt es sich um ein horizontales Scroll-Design, das ohne sichtbare horizontale Bildlaufleiste zur vorherigen (linken) oder nächsten (rechten) Ebene zu einer bestimmten Breite / Stufe / Sektion springt.
Wenn ich STRG + F zum Auffinden von Wörtern aufrufe, folgt die Seite nicht dem Textmarker aus dem Bildschirm nach links oder rechts. Außer bei Overflow-x: visible und nur scrollt das Wort nicht die gesamte Bildschirmbreite / Schritt / Abschnitt, in dem das Wort ist.
Overflow-x:hidden; entfernt die Fähigkeit des Browsers, horizontal zu blättern; Overflow-x:visible; browser scrollt nur zum Wort, nicht zum nächsten Abschnitt, wenn es im horizontalen Überlauf ist;
Kann ich der Textmarkerfunktion des Browsers ctrl + f in bestimmten Schritten / Abschnitten folgen?
Kann ich den Tastendruck aufrufen, wenn der Textmarker ctrl + f vom Bildschirm abweicht?
Ist es möglich, die hervorgehobenen Wortkoordinaten (x, y) zu erfassen?
Funktionierender Testcode:
Überlauf-x und Überlauf-y hatten immer Probleme, sogar in den neuesten Browsern. Beide können "hidden", "visible" und "scrollbar" haben ("auto" ist nur eine Kombination aus "visible" und "scrollbar"), also 9 Kombinationen.
Aber in der Praxis funktionieren nur fünf von ihnen, ich antworte: sogar im neuesten Chrome! Und was noch schlimmer ist: Es gibt einen Unterschied zwischen den Browsern, was 5 das ist ...
Manchmal (abhängig von Ihrem tatsächlichen Problem) ist eine Problemumgehung möglich, wenn Sie overflow-x, overflow-y und overflow kombinieren. Manchmal ist ein JS-Tricking die Lösung. Allgemeine und schöne Lösung gibt es nicht.
ctrl / f hat damit wahrscheinlich nichts direkt zu tun, es ist eine indirekte Ursache für Ihr Problem, da der Body Ihrer Seite wahrscheinlich in der Größe verändert wird, wenn das Such-Widget des Browsers erscheint. Sie könnten dieses Problem wahrscheinlich auch mit einer vertikalen Größenanpassung des Browserfensters reproduzieren.
Tags und Links javascript html css cross-browser event-listener