wie kann ich einen smooth slide erreichen?

gericoach

Auf meiner Testseite http://einfachgeri.de habe ich auf derStartseite einen "scrolldown" Button gesetzt. Leider ist er eher ein "zack" Button, hääte ihn gerne als softie wie beim "scroll to top" Button. Das Script wird schon im header aufgerufen. In der functions.php ist auch die function für den "go to top" Button definiert. Wie kann ich das Ganze portieren? Hat jemand ne Idee? Hier der Code der functions.php:

PHP

/**
 * Display the scroll to top link.
 */
function vantage_back_to_top() {
    if( !siteorigin_setting('navigation_display_scroll_to_top') ) return;
    ?><a href="#" id="scroll-to-top"><?php __('Back To Top', 'vantage') ?></a>
<?php }
add_action('wp_footer', 'vantage_back_to_top');


/**

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

mit jQ ist sowas möglich. Beispiele findest du z. B. hier:
http://css-tricks.com/snippets/jquery/smooth-scrolling/

gericoach

der smooth slide ist aktiv siehe "go to top". Die Frage ist, was ich in der functions.php hinterlegen muss, um diesen Effekt zu portieren.

maxe

könnte man wie gesagt mit jquery lösen. Vielleicht sowas i.d. Art:

Code

<script>
jQuery('.delay-03').click(function(){
  jQuery('html, body').animate({
    scrollTop: '#jump1'}, 500);
  });
</script>

oder sowas:

Code

<script>
jQuery(document).ready(function($) {
    $(".delay-03").click(function(event){     
        event.preventDefault();
        $('html,body').animate({scrollTop:$('#jump1').offset().top}, 500);
    });
});
</script>

Beides ungetestet.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

wie kann ich einen smooth slide erreichen?

Jetzt mitmachen!