CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Code4life
Code4life

Reputation: 67

Scroll down button

I've already created the #scrolldownbutton to scroll to the first component but what I'm initially trying to do is when the button is clicked the page scrolls within the viewport and stops on the partially visible component at the bottom of the view port in which the button should appear at the the top of the visible component and the bottom of the viewport each time the button is clicked.

Here is what I have so far Please if anyone could help this would be amazing. 

$(document).ready(function() {

    $("#scrollmorebutton").on("click", function() {

      console.log("scrollmorebutton was clicked");

  //jquery smooth scroll code here

      $('html, body').animate({

        scrollTop: $("h2:contains('New Programs')").offset().top

      }, 2000);

    });

});

Upvotes: 1

Views: 2494

Answers (1)

Jay
Jay

Reputation: 1678

Might not be anything near what you're asking for as i'm not entirely sure I understand. But here's a fiddle with some example code

https://jsfiddle.net/cf3q2zo9/

Upvotes: 1

Related Questions