| { | |
| "regiones": [{ | |
| "region": "Arica y Parinacota", | |
| "comunas": ["Arica", "Camarones", "Putre", "General Lagos"] | |
| }, | |
| { | |
| "region": "Tarapacá", | |
| "comunas": ["Iquique", "Alto Hospicio", "Pozo Almonte", "Camiña", "Colchane", "Huara", "Pica"] | |
| }, | |
| { |
| <?php | |
| add_filter( 'register_post_type_args', function( $args, $post_type ) { | |
| if ( 'sfwd-courses' === $post_type ) { | |
| $args['show_in_graphql'] = true; | |
| $args['graphql_single_name'] = 'course'; | |
| $args['graphql_plural_name'] = 'courses'; | |
| } |
useViewportScroll is a great way to create a parallax effect as the page scrolls. In some cases however, we only want to scroll when an element is in the viewport area.
So for example, if we have a "landscape" scene, and want to animate the Sun object only when it's in view, we start with our useViewportScroll implementation:
function Sun(props) {
const { scrollY, scrollYProgress } = useViewportScroll();