Heim Web-Frontend HTML-Tutorial Analyse- und Verarbeitungsmethoden für Bildlaufleisten, die sowohl in HTML als auch in Flash vorhanden sind und in die Erstellung von it_HTML/Xhtml_Webseiten eingebettet sind

Analyse- und Verarbeitungsmethoden für Bildlaufleisten, die sowohl in HTML als auch in Flash vorhanden sind und in die Erstellung von it_HTML/Xhtml_Webseiten eingebettet sind

May 16, 2016 pm 04:40 PM
滚动条

Bei der Entwicklung stoßen wir häufig auf diese Situation:
a.swf wird zur Webseite hinzugefügt, a.swf- und HTML-Seiten verfügen gleichzeitig über Bildlaufleisten und der Projektmanager hat eine BT-Anforderung gestellt --- Prozess a Die SWF-Maus scrollt, die HTML-Seite scrollt nicht.

Methode 1: Bewegen Sie die Maus in eine .swf zum Scrollen des Bereichs: Weisen Sie JS an, den Browser-Maus-Scroll-Monitor zu entfernen 2 wmode von a.swf ist auf „window“ eingestellt.
Zusammenfassung: Wenn Sie wmode auf „window“ setzen, werden die Projektanforderungen möglicherweise nicht erfüllt, was dazu führt, dass a.swf alle darunter liegenden HTML-Seiten blockiert Bewegen Sie die Maus in den a.swf-Bildlaufbereich. Beim Seitenwechsel wird JS nicht benachrichtigt, um die Browser-Maus-Bildlaufüberwachung hinzuzufügen, sodass beim Zurückwechseln zur HTML-Seite nach dem Vorgang keine Bildlaufverarbeitung erfolgt


Methode 2
:
1.a. SWF bricht sein eigenes Maus-Scroll-Hörereignis ab und fügt eine Scroll-Verarbeitungsschnittstelle für den Aufruf von JS hinzu, z. B. „wheelToFlash(value)“. a.swf-Bildlaufbereich: Informieren Sie JS, zum Beispiel: MouseIsInFlashWheelRange=true hört auf Maus-Scroll-Ereignisse. In der Ereignis-Listening-Verarbeitungsfunktion müssen wir die folgenden Entscheidungen treffen Javascript-Code:




Code kopieren

Der Code lautet wie folgt:
if(mouseIsInFlashWheelRange==true) { /**Rufen Sie die von a.swf bereitgestellte Schnittstelle auf, damit a.swf das Scrollen simuliert*/
/**„Flash“ ist die ID einer in HTML eingebetteten SWF-Datei, und „Value“ ist der Wert des Scrollens in der HTML-Tabelle*/
document.getElementById("flashID").wheelToFlash(value);
/**Verhindern Sie das Sprudeln von Mausereignissen auf der HTML-Seite, normalerweise event.preventDefault()*/
event.preventDefault();
}
else
{
/**Um das normale Scrollen von HTML zu bewältigen, müssen wir nichts tun*/
}



Zusammenfassung
: Im Vergleich zu Methode 1 gibt es keine Einschränkung von wmode="window"; Das Problem mit der Alt-Tab-Taste besteht immer noch.

Hinweis
: Beim Schreiben von JS-Code müssen wir auf Kompatibilitätsprobleme achten. Verschiedene Browser überwachen Mausereignisse und erhalten unterschiedliche Bildlaufwerte!
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Microsoft bringt die Fluent-Bildlaufleisten von Windows 11 in Google Chrome Microsoft bringt die Fluent-Bildlaufleisten von Windows 11 in Google Chrome Apr 14, 2023 am 10:52 AM

Im Gegensatz zu Windows 10 verfügt Windows 11 über neue moderne „flüssige Bildlaufleisten“, deren Form sich ändert, wenn Benutzer mit ihnen interagieren. Fluent-Bildlaufleisten sind dynamischer Natur, sie skalieren automatisch in verschiedenen Formfaktoren oder wenn Sie die Fenstergröße ändern, und sie werden derzeit in Apps wie Einstellungen, Media Player und mehr verwendet. Laut einem neuen Vorschlag von Microsoft könnte Google Chrome bald über eine reibungslose Bildlaufleistenfunktion verfügen. Microsoft sagt in einem Vorschlag, dass sie alte Bildlaufleisten in Chrome modernisieren wollen

So verbergen Sie das Scrollen der Bildlaufleiste in React So verbergen Sie das Scrollen der Bildlaufleiste in React Dec 21, 2022 pm 03:38 PM

So blenden Sie das Scrollen der Bildlaufleiste in React aus: 1. Öffnen Sie die entsprechende „react-native“-Datei. 2. Stellen Sie das horizontale Scrollen durch horizontal ein.

So stellen Sie die Bildlaufleiste so ein, dass sie auf einem Mac-System immer angezeigt wird - So stellen Sie die Bildlaufleiste so ein, dass sie immer angezeigt wird So stellen Sie die Bildlaufleiste so ein, dass sie auf einem Mac-System immer angezeigt wird - So stellen Sie die Bildlaufleiste so ein, dass sie immer angezeigt wird Mar 18, 2024 pm 06:22 PM

Kürzlich haben einige Freunde den Editor gefragt, wie man die Bildlaufleiste des Mac-Systems so einstellt, dass sie immer angezeigt wird. Im Folgenden erfahren Sie, wie Sie die Bildlaufleiste des Mac-Systems so einstellen, dass sie immer angezeigt wird mehr. Schritt 1: Wählen Sie im Systemstartmenü die Option [Systemeinstellungen]. Schritt 3: Wählen Sie auf der Seite „Systemeinstellungen“ die Option [Allgemein]. Schritt 3: Wählen Sie auf der allgemeinen Seite [Immer] aus, um Bildlaufleisten anzuzeigen.

So codieren Sie ein HTML-Bildlaufleisten-Textfeld So codieren Sie ein HTML-Bildlaufleisten-Textfeld Feb 19, 2024 pm 07:38 PM

Titel: So schreiben Sie HTML-Textfeldcode mit Bildlaufleisten. Das Textfeld in HTML ist eines der am häufigsten verwendeten Steuerelemente für Benutzereingaben. In einigen Fällen wird das Textfeld unvollständig angezeigt. Zu diesem Zeitpunkt können wir dem Textfeld eine Bildlaufleiste hinzufügen, um das Scrollen zu unterstützen. In diesem Artikel wird detailliert beschrieben, wie man HTML-Textfeldcode mit Bildlaufleisteneffekt schreibt, und es werden konkrete Codebeispiele gegeben. 1. Verwenden Sie das Textarea-Element, um ein Textfeld zu erstellen. In HTML verwenden wir das Textarea-Element, um ein Textfeld zu erstellen.

So erstellen Sie eine HTML-Bildlaufleiste So erstellen Sie eine HTML-Bildlaufleiste Feb 22, 2024 pm 03:24 PM

Für die Erstellung einer HTML-Bildlaufleiste sind bestimmte Codebeispiele erforderlich. Im Webdesign ist die Bildlaufleiste ein häufiges Element, das das einfache Scrollen der Webseite ermöglicht, wenn zu viel Inhalt vorhanden ist. In diesem Artikel wird erläutert, wie Sie Bildlaufleisten mithilfe von HTML erstellen, und es werden spezifische Codebeispiele bereitgestellt. Zunächst müssen wir die Grundprinzipien der Erstellung von Bildlaufleisten in HTML verstehen. CSS-Stile können in HTML verwendet werden, um das Aussehen und Verhalten von Bildlaufleisten zu steuern. Insbesondere können wir CSS-Eigenschaften verwenden, um die Bildlaufleiste festzulegen. Zu den häufig verwendeten Eigenschaften gehören o

Wie aktiviere oder deaktiviere ich Bildlaufleisten, die in Windows 11 immer angezeigt werden? Wie aktiviere oder deaktiviere ich Bildlaufleisten, die in Windows 11 immer angezeigt werden? Apr 24, 2023 pm 05:58 PM

Mit dem Windows-Betriebssystem können Benutzer festlegen, ob Bildlaufleisten automatisch ausgeblendet werden sollen, wenn sie inaktiv sind oder nicht verwendet werden. Windows hingegen aktiviert standardmäßig Bildlaufleisten. Wenn ein Benutzer diese Funktion auf seinem System aktivieren oder deaktivieren möchte, lesen Sie bitte diesen Artikel, um zu erfahren, wie das geht. So aktivieren oder deaktivieren Sie immer aktivierte Bildlaufleisten in Windows 11 1. Durch Drücken und Halten der Windows+U-Tasten wird die Seite „Eingabehilfen“ auf Ihrem System geöffnet. 2. Wählen Sie den visuellen Effekt aus, indem Sie darauf klicken. Er befindet sich oben auf der Seite „Barrierefreiheit“. 3. Wenn Sie die Funktion „Bildlaufleisten immer anzeigen“ auf Ihrem System aktivieren möchten, klicken Sie auf die Umschaltfläche „Bildlaufleisten immer anzeigen“, um sie wie unten gezeigt zu aktivieren. 4. Du kannst immer zeigen

Chrome kommt mit überlappenden Bildlaufleisten im Windows 11-Stil Chrome kommt mit überlappenden Bildlaufleisten im Windows 11-Stil Apr 23, 2023 pm 06:40 PM

Wie die meisten von uns inzwischen wissen, verfügt das neue Microsoft-Betriebssystem Windows 11 über Overlay-Bildlaufleisten, deren Form sich ändert, wenn wir uns ihnen nähern oder sie verwenden. Es könnte Sie interessieren, dass die gleichen dynamischen Funktionen auch in Chromium-Browsern getestet werden. Das bedeutet im Grunde, dass die kommende experimentelle Windows 11-Version des Chrome-Browsers bald über eine Overlay-Bildlaufleistenfunktion verfügen könnte. Chrome wird bald über Overlay-Bildlaufleisten im Windows 11-Stil verfügen, die das in Redmond ansässige Technologieunternehmen seit August 2021 in seinem Chromium-basierten Edge-Webbrowser testet.

So stellen Sie fest, dass die Bildlaufleiste in CSS keine Höhe einnimmt So stellen Sie fest, dass die Bildlaufleiste in CSS keine Höhe einnimmt Feb 01, 2023 am 09:27 AM

So implementieren Sie Bildlaufleisten in CSS, ohne die Höhe zu belegen: 1. Öffnen Sie die entsprechende HTML-Datei. 2. Suchen Sie den Originalcode „overflow-x: auto;“. 3. Ändern Sie den Wert im Attribut „overflow-x: auto;“. zu „overflow-x: overlay;“ kann dazu führen, dass die Bildlaufleiste die Position nicht einnimmt.

See all articles