developers.jseidl.at
WebsiteGitHubCodePen
  • developers.jseidl.at
  • CSS
    • Bootstrap NoGutter
    • Center image
    • Hamburger Menu (Mobile Menu)
    • Table-Cell
    • mMenu Hide
  • JavaScript
    • Scroll to Element
  • Typo3
    • Cookiebanner
    • DCE Backgroundimage (Section use)
    • DCE Background Image
    • Custom Form for Indexed Search
    • Frontendlayouts for Bodyclasses
    • Frontendlayouts
  • Utils
    • Force SSL
Powered by GitBook

Copyright 2024 - jseidl.at Julian Seidl

On this page
  • JavaScript function
  • JavaScript Call
  • HTML

Was this helpful?

  1. JavaScript

Scroll to Element

Scroll to a element using JavaScript, selecting time & element.

JavaScript function

function scrollDown(triggerClass, elementToScroll, timeToScroll){
    $(triggerClass).on('click', function(){
        $('html, body').animate({
            scrollTop: ($(elementToScroll).offset().top)
        }, timeToScroll);
    })
}

JavaScript Call

$(document).ready(function () {
    scrollDown('#scroll-down', '.page-content', 1000);
});

HTML

<div id="scroll-down"></div>

Last updated 1 year ago

Was this helpful?