Volltextsuche
Smooth Scrolling per CSS-Only generell aktivieren
Smooth Scrolling lässt sich per CSS-Only generell für alle internen Links automatisch aktivieren, um das Scrollen angenehmer wirken zu lassen. Beispiel (Auszug aus der design.css): Smooth Scrolling für alle Links per CSS-Only
Scroll-Fortschritt im Kopfbereich anzeigen
Der Scroll-Fortschritt kann an beliebiger Stelle eingebunden werden. Neben dem Body z.B. auch im Kopfbereich, wodurch je nach Layout beim hochgeschobenen Kopfbereich nur noch genau der Scrollbalken sichtbar bleibt.
Scrollverhalten des Headers
in der header.scss definiert. Möchten Sie das Verhalten des Kopfbereiches (welcher meist auch das Logo enthält) beim Scrollen beeinflussen, genügt es diese Styles anzupassen. Verhalten des minimierten Kopfbereiches Im Standard verhält sich ein
Sanftes Scrollen bei internen Links konfigurieren
aktiviert. Weitere Einstellungen sind dann über -w-add-data möglich. scrollingauto [yes|no] Legt fest, ob beim Scrollen die Ereignisse genutzt werden sollen, was dazu führt, dass z.B. der Kopfbereich nach oben fährt. ist kein Wert
Scroll-Fortschrittsanzeige für Seiten
Seiten Nutzbar ab: Version Veröffentlichungsdatum: 08. Januar 2018 Änderungsdatum: 11. Januar 2018 weblication cms scrollen fortschritt scroll-fortschritt lesefortschritt Zeigen Sie Seitenbesuchern beim Scrollen langer Seiten den
Suchbegriffe in der Seite hervorheben
} In der BASE Classic ist die CSS-Definition in der design.css abgelegt, in der BASE (Mobile First) in der html.scss . Scrollen zum ersten hervorgehobenen Begriff Soll für Seitenbesucher zum ersten hervorgehobenen Begriff in der Seite gescrollt
Navigationshilfe ScrollTop-Button - Anzahl der Pixel bis zum Einblenden anpassen
Pixel bis zum Einblenden anpassen Ist die Navigationshilfe "Schaltfäche anzeigen, um direkt zum Beginn der Seite zu scrollen" aktiviert, wird beim Scrollen der Seite nach unten der Button in der Regel ab 200 px angezeigt. Das kann angepasst
Anpassen einer Bildergalerie Variante über CSS-Only
2: Bildergalerie-Variante 12 mit Fancybox-Ansicht Am Beispiel der Bildergalerie " Vorschaubilder zum horizontal Scrollen " (Variante 12) demonstrieren wir Ihnen, wie Sie diese Galerievariante anpassen können (Stand: März 2015). Bei Klick auf
Seitenaufruf springt zu Formular
focus vorausgewählt springen scrollen scrollt Beim Aufruf einer Seite springt diese direkt zu einem unteren Seiteninhalt. Ursache hierfür ist meist, daß in
-w-prevent-events-ontouch
Verhindert, dass die Seite gescrollt werden kann, wenn man auf dem Banner ist (z.B. bei Tablets).
Kategorienfilter: Anker nutzen
Um beim Einsatz des Kategorienfilter Weblics® nach Auswahl einer Kategorie und Neuladen nicht immer am Seitenanfang zu landen, nutzen Sie am besten einen Anker.
Scroll-Fortschritt nur bei bestimmten Objekttypen anzeigen
Der Scroll-Fortschritt kann generell oder auch nur für bestimmte Objekttypen angezeigt werden. Dazu genügt es, den im HTML-Element eingetragene Objekttyp zu ergänzen.
Fullpage - Scrollverhalten von Sections mit langem Content
werden sollte, um das Scrollverhalten zu langer Inhalte in den Sections zu steuern. Manipulieren des Seiteninhalts für ScrollenOverflow if(typeof wEditor == 'undefined'){ document.addEventListener('DOMContentLoaded', function waitUntilContentLoaded(){
-w-animation
Beispiel 2: Definiert für die Bildergalerie-Variante 12 einen automatischen Wechsel (Ticker) anstatt horizontalem Scrollen .listPictureGallery_var12 .listEntries .listEntry { /* ... */ ; -w-animation: ticker} Zu beachten: Diese CSS-Only
Snippets
Pixel bis zum Einblenden anpassen Ist die Navigationshilfe "Schaltfäche anzeigen, um direkt zum Beginn der Seite zu scrollen" aktiviert, wird beim Scrollen der Seite nach unten der Button in der Regel ab 200 px angezeigt. Das kann angepasst
So erstellen Sie eine weitere Primärfarbe
Ergänzen der Farb-Variante in den Überschriften Öffnen Sie die Überschriften (elementHeadline.scss) zum Bearbeiten Scrollen Sie zu der Untervariante Color Duplizieren Sie die Untervarinate Primärfarbe 1 oder Primärfarbe 2 Ersetzen Sie in der
Bereichsnavigation - Navigation nur beim Hochscrollen Anzeigen
sichtbar wird. Auszug aus der desing.js //////////////////////////////////////////////////////////////// // // Beim Scrollen // //////////////////////////////////////////////////////////////// jQuery ( window ). on ( 'scroll' , function(){ /* Auslesen des Scrollstatus aus der globalen JS-Variable wUiTmp
Seitenaufruf scrollt direkt zum Formular
id = "autofocus" type = "char.default" /> ... Formularfeld mit aktivierter "Vorauswählen" Option (autofocus) Um das Scrollen zum Formular beim Aufruf der Seite zu verhindern, deaktivieren Sie zum betreffenden Formularfeld die Option.
Version 16: Kategorien-Editor - Bezeichnungen bei horizontalem Scrollen bleiben sichtbar
bei horizontalem Scrollen bleiben sichtbar 28. Mai 2021 In Weblication® Version 16 bleiben beim horizontalen Scrollen bleiben sichtbar 28. Mai 2021 In Weblication® Version 16 bleiben beim horizontalen Scrollen die Bezeichnungen der
Neu in Weblication® Version 16 - veröffentlicht am 01.07.2021
personalisiert ist CLOUD: Web-Ansicht - Anmeldebutton konfigurierbar Kategorien-Editor: Bezeichnungen bei horizontalem Scrollen bleiben sichtbar Weblic®-Update: Screen-Markierung im Versionenvergleich für geänderte Zeilen Versionierung:
Parallax Seiten mit Weblication® CMS
dem Weblic® "Parallax-Scrolling" erstellt: Hintergrundbilder lassen sich über die ganze Breite anzeigen Fixer Inhalt, scrollender Hintergrund Hintergrundbilder lassen sich in 8 Richtungen mitscrollen Nur seitlich scrollender Hintergrund Einmaliges
Single Page Layout mit Weblication®
Das Single Page Paket besteht aus einer speziellen Navigation, welche die enthaltenen Seitenbereiche auflistet und beim Scrollen immer auf dem Bildschirm sichtbar bleibt. Zusätzlich ändert sich der Navigationszustand beim Scrollen automatisch.
Mit einem Klick zum Seitenanfang
In der neusten BASE wird standardmäßig ein Button dynamisch eingeblendeten, sobald Website-Besucher nach unten scrollen. Vorteil für Besucher: Sie
Arztpraxis-Website vereinfacht Patientenservice und Arbeitsprozesse mit Weblication® Funktionen
tätigen oder nur einen Termin anfragen möchten, können dies per Auswahl tun und müssen nicht durch Formulare scrollen, die für sie gerade nicht relevant sind. Werden zwei oder alle drei Formulare innerhalb der Register ausgefüllt,
Responsive Webdesign mit Weblication® CMS
Bildschirmauflösungen. So stellen Sie Responsive Webdesign ein Klicken Sie im Adminpanel auf Projektkonfiguration und scrollen Sie in der Maske bis zum Punkt Responsive Webdesign. Durch die Einstellung "Ja" aktivieren Sie das bereits im Standard
Design Container: Webseiten gestalten per Mausklick ohne Programmierung
Breite links ausgerichtet Halbe Breite rechts ausgerichtet Halbe Breite zentriert Breite des Kopfbereichs Bleibt beim Scrollen oben kleben Neutral mit ID versehbar Neutral mit beliebiger CSS-Klasse versehbar Neutral mit auswählbarer CSS-Klasse