How to make websites on a single page with a smooth listing pages?

Friends, Hello!


Tell me, where can I read articles or tutorials on how to make sites like this fryreadsonegin.com or apple.com/mac-pro/. I'm curious to know how the typeset menu right (points), as well as working with skrytymi for a slide page.


Thanks in advance for the links.
October 3rd 19 at 04:29
6 answers
October 3rd 19 at 04:31
There was an article — a review of parallax scrolling. habrahabr.ru/post/141687/
October 3rd 19 at 04:33
I think that's what you need:
Parallax scrolling (demo).
October 3rd 19 at 04:35
Most likely you need to use a combination of Parallax and similar features as in bootstrap getbootstrap.com/javascript/#scrollspy-examples
github.com/sxalexander/jquery-scrollspy — the plugin itself
davidwalsh.name/mootools-scrollspy — there is a good demo
October 3rd 19 at 04:37
Thanks for the links, I will understand. But in all examples, the site is long and scrolling is continuous. And in my example scrolling as the slide portions.
If I am not mistaken the parallax effect is often used position: fixed; and there is already a script pick up what was happening. - Felix_Sawayn commented on October 3rd 19 at 04:40
October 3rd 19 at 04:39
October 3rd 19 at 04:41
Smoothly scrollit window at 600 px from the top.

 $("html,body").animate({ scrollTop: 600 }, "slow");


If you don't want to use Jquery then the timer change the value
window.scrollTo(x,y)

Find more questions by tags HTMLCSSJavaScript