WebSite X5Help Center

 
Frank D.
Frank D.
User

Onepage Scrollgeschwindigkeit?  de

Автор: Frank D.
Просмотрено 307, Подписчики 1, Размещенный 0  

Hallo, liebe Kollegen...lässt sich die Scrollgeschwindigkeit bei einer Onepage irgenwo einstellen oder gibt es eventuell ein Code dafür? Es würde wesentlich eleganter aussehen, wenn sich die Seite smoother bewegt. Jetzt schießt die Seite nach oben oder unten, nicht so schön!

Danke im Voraus, Frank 

Размещено
5 Ответы
Andreas S.
Andreas S.
Moderator

Dazu müsste man in den Code von INCO eingreifen und wenn sich etwas ändert am Code, dann würde es nicht funktionieren.

Am besten wäre es den Button zu deaktivieren unter "Textstile, Felder Button" und unter "2" Inhalt des Templates beim Footer ein HTML-Objekt einzufügen und einen speziellen Code von mir einzufügen!

#Code created by Webdesign Markersdorf - Andreas S.
<a href="#" id="scroll" style="display: none;"><span></span></a>
<style>
#scroll {
position:fixed;
right:30px;
bottom:50px;
cursor:pointer;
width:50px;
height:50px;
background-color:#3498db;
text-indent:-9999px;
display:none;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px
}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff;
}
#scroll:hover {
background-color:#e74c3c;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";
}
</style>
<script>
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('#scroll').fadeIn();
} else {
$('#scroll').fadeOut();
}
});
$('#scroll').click(function(){
$("html, body").animate({ scrollTop: 0 }, 3500);
return false;
});
});
</script>

Читать больше
Размещено От Andreas S.
Frank D.
Frank D.
User
Автор

Hi Andreas, das werde ich mal versuchen, vielen Dank!

Читать больше
Размещено От Frank D.
Frank D.
Frank D.
User
Автор

Okay, das hochscrollen läuft jetzt absolut smooth. Nur das herunterscrollen natürlich nicht. Klicke ich auf einen Menüpunkt, jagd die Seite runter wie von der Tarantel gestochen smile

Читать больше
Размещено От Frank D.
Andreas S.
Andreas S.
Moderator

Das geht auch nur mit individuellen Code! Das ist aber eine Sache von KolAsim! Dazu wird er aber deine Seite Online sehen müssen.

Читать больше
Размещено От Andreas S.
Frank D.
Frank D.
User
Автор

Die Seite ist noch in Arbeit, also noch nicht online. Ist ein Template von hier: Dieses Template

Читать больше
Размещено От Frank D.