How do I make the window scroll to a certain point?

Question

As inspiration, I use this website: http://www.bulldoggin.com/home/

As you can see, there's no way to just scroll, each time you scroll it automatically jumps to a certain point in the document. There's no way to go "halfway".

Is there a way to solve this using javascript, jQuery or anything? I don't want to use buttons to jump to a certain point of the page, but I want to achieve this by scrolling.

Any ideas?

PLUS: How do I make an animation start/stop, as soon as it comes into view? Just like they did it on the link I posted?

Answer 1 · 2017-02-04T12:05:33Z

February 4, 2017 12:05pm

That type of effect can be done using JavaScript and jQuery. It will take a bit of coding and figuring out, I have three links that should help point you in the right direction.

jQuery Scroll function : https://api.jquery.com/scroll/

Get Scroll Direction: http://stackoverflow.com/questions/4326845/how-can-i-determine-the-direction-of-a-jquery-scroll-event

Scroll to point: http://stackoverflow.com/questions/1586341/how-can-i-scroll-to-a-specific-location-on-the-page-using-jquery

A basic layout of your code would be: On scroll -> check direction -> scroll to next/prev point on page (this will be where animating takes place)

OR use a jQuery plugin: https://projects.lukehaas.me/scrollify/