Como puedo hacer este efecto de pagina web?

[ympm]

Quiero hacer los efectos como tiene esta pagina https://snipcart.com/

El efecto que quiero es que mis elementos vayan apareciendo conforme va bajando el scroll, y despues que se queden fijos

[quimfv]

Espectacular!!!

Viendo el código fuente de la pagina puedes encontrar pistas de como lo hacen....

Código pre:

<link type="text/css" rel="stylesheet" href="/scripts/plugins/rainbow/normal.css">
<script type="text/javascript" async="" src="https://ssl.google-analytics.com/ga.js">
<script src="//maps.google.com/maps/api/js?sensor=true" type="text/javascript" style="">
<script type="text/javascript" src="https://maps.gstatic.com/intl/ca_ALL/mapfiles/api-3/13/11/main.js">
<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Inconsolata|Raleway:400,200,700">
<link type="text/css" rel="stylesheet" href="/css/fonts.css">
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/awwwards.css">
<link rel="stylesheet" href="/css/site.css">
<link id="snipcart-theme" rel="stylesheet" href="https://app.snipcart.com/themes/base/snipcart.css" type="text/css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
<script id="snipcart" src="https://app.snipcart.com/scripts/snipcart.js" data-api-key="MzMxN2Y0ODMtOWNhMy00YzUzLWFiNTYtZjMwZTRkZDcxYzM4" type="text/javascript">
<script src="/scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript">
<script src="/scripts/plugins/rainbow/rainbow-custom.min.js" type="text/javascript">
<script type="text/javascript" charset="UTF-8" src="https://maps.gstatic.com/cat_js/intl/ca_ALL/mapfiles/api-3/13/11/%7Bcommon,map,util,geocoder,marker%7D.js">
<script type="text/javascript" charset="UTF-8" src="https://maps.gstatic.com/cat_js/intl/ca_ALL/mapfiles/api-3/13/11/%7Bonion%7D.js">
<script type="text/javascript" charset="UTF-8" src="https://maps.gstatic.com/cat_js/intl/ca_ALL/mapfiles/api-3/13/11/%7Bcontrols%7D.js">
<script type="text/javascript" charset="UTF-8" src="https://maps.gstatic.com/cat_js/intl/ca_ALL/mapfiles/api-3/13/11/%7Bstats%7D.js">
<script async="" type="text/javascript" src="//snipcart.disqus.com/count.js">
 

Siguiendo los links obtendrás el código... es el mundo del código abierto.

[Panino5001]

Iniciado por ympm

Quiero hacer los efectos como tiene esta pagina https://snipcart.com/

El efecto que quiero es que mis elementos vayan apareciendo conforme va bajando el scroll, y despues que se queden fijos

Buscá acerca de parallax scrolling en Google y encontrarás muchos resultados y prefbricados.

Iniciado por quimfv

Biendo