tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/52179-verwendung-smooth-scrolling-und-fade-effektRockSolid Themes: Discussion 2019-12-27T07:49:05Ztag:help.rocksolidthemes.com,2012-07-23:Comment/479435362019-12-27T07:48:58Z2019-12-27T07:48:58ZVerwendung: Smooth-Scrolling und Fade-Effekt<div><p>Vielen Dank für Ihre Frage.</p>
<blockquote>
<p>Ist bei Tao eine einfache Möglichkeit für Smooth Scrolling innerhalb einer Seite implementiert?</p>
</blockquote>
<p>Smooth-Scrolling ist im Tao-Theme nicht enthalten, kann jedoch durch Ergänzung der <em>script.js</em>-Datei des Themes nachgerüstet werden.</p>
<blockquote>
<p>Die Feature-Box bietet meiner Beobachtung nach die einzige Möglichkeit, einen Einblendeffekt zu verwenden. Ist diese Funktion tatsächlich nur auf dieses Element beschränkt?</p>
</blockquote>
<p>Einen allgemein verwendbarer Einblendeffekt ist im Theme nicht vorgesehen. Sie können eine solche CSS-Klasse jedoch mit wenigen CSS-Zeilen nachrüsten. Fügen Sie bitte folgenden CSS-Code in die Datei <em>files/tao/css/custom.css</em> ein:</p>
<pre>
<code>.fade-in-effect.not-in-view {
opacity: 0;
}
.fade-in-effect.in-view {
transition: opacity 1s linear;
}</code>
</pre>
<p>Danach können Sie einem Element die CSS-Klassen <code>fade-in-effect is-animated does-repeat</code> zuweisen und das Element wird eingeblendet sobald es in den sichtbaren Bereich gescrollt wird.</p>
<blockquote>
<p>Mir ist so eine Art Fehler aufgefallen. Wenn ich bei einem zweispaltigen Design das Element "Zentrierter Bereich" innerhalb der Tagline verwende und darin eine Hintergrundfarbe oder ein Hintergrundbild definiere, bleiben am linken und rechten Bildschirmrand ca. 1em Abstand zum Bildschirmrand.</p>
</blockquote>
<p>Wir konnten den Fehler nicht reproduzieren. Bitte stellen Sie sicher, dass nicht mehrere zentrierte Bereiche verschachtelt wurden. Sollte das Problem weiterhin auftreten, senden Sie uns bitte einen Screenshot des Fehlers und einen Screenshot der die Einstellungen im Backend zeigt.</p></div>RockSolid Themes