Wie kann ich eine Widget-Schriftrolle mit der Seite?

November 29

Widgets auf Webseiten sind kleine Elemente, die spezifische Informationen enthalten können, wie Objekte aus externen Quellen oder Site-Tools besser bedienen den Benutzer gezogen. Die meisten Widgets sind in HTML-Code, so dass es einfach zu bedienen-CSS-Positionierung, um das Widget auf der Seite wechseln enthalten. Mit dem Einsatz von CSS, die Feste Positionierung kann eine Widget scrollen, mit einer Seite, um sicherzustellen, dass es immer in der Benutzeransicht bleiben.

Anweisungen

1 Öffnen Sie den Codeeditor Ihrer Wahl und erstellen Sie neue Seiten von HTML und CSS. Wenn Sie bereits vorhandene HTML- und CSS-Dateien haben, können Sie diese stattdessen öffnen.

2 Fügen Sie ein einschließenden < Div >-Tag, um den Widget-Code in Ihre HTML-Datei festgelegt. Zum Beispiel: < Div Class = "Fixedscroll" > Widget Code < / Div >

3 Erstellen Sie eine Style-Klasse für das Div-Attribut "Fixedscroll" in der CSS-Datei. Zum Beispiel: {div.fixedscroll}

4 Der Stilklasse die feste Positionierungsart hinzufügen. Z.B.: div.fixedscroll {Position: feste;}

5 Speichern Sie beide Dateien. Ihr Widget sollte jetzt mit der Seite scrollen.

Tipps & Warnungen

  • Fügen Sie hinzu "Top," "unten", "rechts" bzw. "Links" Stilattribute genauer positionieren Sie Ihr Widget.
  • In Internet Explorer müssen Sie einen Dokumenttyp in Ihrer HTML-Datei für die Positionierung um korrekt zu arbeiten aufnehmen. Zum Beispiel: <! DOCTYPE html > Seiteninhalt < / html >

SIE KÖNNEN AUCH GERNE