+38 096 193 97 31 info@endeavorrcing.com outsourcing

Big slider second

  • Ken Burns Effect

    Outsourcing

    Company

    Create your team to do even more amazing things. Designers, web designers, programmers, marketing managers — you can earn more ...

    Details Contact us
  • Ken Burns Effect

    Outsourcing

    Company

    Create your team to do even more amazing things. Designers, web designers,
    programmers, marketing managers — you can earn more ...

    Details Contact us
  • Ken Burns Effect

    Outsourcing

    Company

    Create your team to do even more amazing things. Designers, web designers,
    programmers, marketing managers — you can earn more ...

    Details Contact us

Breadcrumbs

Scrollspy

Home

  • Ken Burns Effect

    Outsourcing
    Company

    Create your team to do even more amazing things. Designers, web designers,
    programmers, marketing managers — you can earn more ...

  • Ken Burns Effect

    Outsourcing
    Company

    Create your team to do even more amazing things. Designers, web designers,
    programmers, marketing managers — you can earn more ...

  • Ken Burns Effect

    Outsourcing Company

    Create your team to do even more amazing things. Designers, web designers, programmers, marketing managers — you can earn more ...

Smart

Creative

speed

reliability

214 projects

Home second – About team

About team

incredible success story

This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

Watch more

Home second – Conatct us today

Conatct us today

This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

Start working with us

right now!

Home second -214 projects

214 projects

24 Testimonials

  • Sritopsil Krutopal

    Collla India


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

  • JC Richards

    Torbara


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail.

  • Amelie Braxton

    Global Hosting Ltd.


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detaillittle cheese in Light Topaz crystal!

  • JC Richards

    Torbara


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail.

  • Sritopsil Krutopal

    Collla India


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

  • Amelie Braxton

    Global Hosting Ltd.


    This little clear crystal mouse is so happy with her little cheese in Light Topaz
    crystal! The delicate whiskers, tail and ears show great attention to detaillittle cheese in Light Topaz crystal!

Timeline

  • Designers, developers and creatives

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Designers, developers and

    Read more
  • Designers, developers and creatives from all over the globe are responsible for the work

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Our core mission

    Read more
  • Designers, developers and creatives from all over the globe

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Our core mission

    Read more
  • Responsible for the work

    Our core mission is to help our community earn a living online doing work they are passionate about. We hope you’ll agree the result is pretty spectacular! Read more about Our Community. Designers, developers and creatives from all over the

    Read more
  • All over the globe

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Our core mission

    Read more
  • Designers, developers and creatives

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Designers, developers and

    Read more
  • Responsible for the work

    Our core mission is to help our community earn a living online doing work they are passionate about. We hope you’ll agree the result is pretty spectacular! Read more about Our Community. Designers, developers and creatives from all over the

    Read more
  • Designers, developers and creatives from all over the globe are responsible for the work

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Our core mission

    Read more

Home second – Start cooperation

Start cooperation with us

right now!

Home second -Start cooperation with us

tariff

standart

Designers, developers and creatives from all over

  • Development task
  • Creative included
  • Additional materials
  • 1 designer-illustrator
  • 5 mockups

€ 400

order this

tariff

premium

Designers, developers and creatives from all over

  • Development task
  • Creative included
  • Additional materials
  • 3 designer-illustrator
  • 10 mockups

€ 900

order this

tariff

vip

Designers, developers and creatives from all over

  • Development task
  • Creative included
  • Additional materials
  • 5 designer-illustrator
  • 25 mockups

€ 1900

order this

Features

Amazing feature

Art party crucifix typewriter, iPhone skateboard dreamcatcher migas stumptown pickled keytar post-ironic four dollar toast tilde.

Awesome feature

Whatever bicycle rights umami, meh lo-fi sriracha franzen fap. Gastropub iPhone artisan tumblr, schlitz migas gentrify pickled fanny pack.

Incredible feature

Keffiyeh four loko scenester salvia portland, post-ironic plaid ethical offal wayfarers artisan vegan man braid affogato. Church-key meh austin, literally kitsch quinoa lomo.

Feature

Cardigan ennui YOLO, meggings sriracha disrupt pour-over viral fingerstache truffaut bushwick poutine chicharrones mumblecore small batch.

Home second – Subscribe to newsletter

Subscribe to newsletter

  • Sritopsil Krutopal

    Collla India


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

  • JC Richards

    Torbara


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail.

  • Amelie Braxton

    Global Hosting Ltd.


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detaillittle cheese in Light Topaz crystal!

  • JC Richards

    Torbara


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail.

  • Sritopsil Krutopal

    Collla India


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

  • Amelie Braxton

    Global Hosting Ltd.


    This little clear crystal mouse is so happy with her little cheese in Light Topaz
    crystal! The delicate whiskers, tail and ears show great attention to detaillittle cheese in Light Topaz crystal!

Trigger events and animations while scrolling your page.

Usage

The scrollspy component listens to page scrolling and triggers events based on the scroll position. For example, if you scroll down a page and an element appears the first time in the viewport you can trigger a smooth animation to fade in the element.

Data attribute Description
data-uk-scrollspy="{cls:'MY-CLASS'}" Applies the class only the first time the element appears in the viewport.
data-uk-scrollspy="{cls:'MY-CLASS', repeat: true}" Applies the class everytime the element appears in the viewport.
data-uk-scrollspy="{cls:'MY-CLASS', delay:600}" Adds a delay in milliseconds to the animation.

Typically, classes from the Animation component are used together with the scrollspy.

Examples

This example uses the repeat: true option. Scroll up and down to see the triggered animations.

Fade

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale up

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale down

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide top

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide bottom

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide right

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide left

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Markup

<div data-uk-scrollspy="{cls:'uk-animation-fade'}">...</div>

<div data-uk-scrollspy="{cls:'uk-animation-fade', repeat: true}">...</div>

<div data-uk-scrollspy="{cls:'uk-animation-fade', delay:900}">...</div>

JavaScript options

This is an example of how to set options via attribute:

data-uk-scrollspy="{cls:'uk-animation-fade'}"
Option Possible value Default Description
cls string ‘uk-scrollspy-inview’ Class to add when element is in view
initcls string ‘uk-scrollspy-init-inview’ Class to add when element is in view for first time
topoffset integer 0 Top offset before triggering in view
leftoffset integer 0 Left osset before triggering in view
repeat boolean false Applies the in view class everytime the element appears in the viewport.
delay integer 0 Delay time in ms

Events

You can bind callbacks to following events for custom functionality:

Name Description
uk.scrollspy.init Triggered when the element is initially in the viewport
uk.scrollspy.inview Triggered when the element is in the viewport
uk.scrollspy.outview Triggered when the element leaves the viewport

Example

$('[data-uk-scrollspy]').on('uk.scrollspy.inview', function(){
    // custom code...
});

Scrollspy Nav

To automatically update the active menu item in a menu depending on the scroll position of your site, just add the data attribute data-uk-scrollspy-nav to any navigation. Each menu item must link to the ID of its corresponding part of the site.

Data attribute Description
data-uk-scrollspy-nav Triggers the JavaScript necessary for the functionality of the scrollspy nav.
data-uk-scrollspy-nav="{closest:'MY-SELECTOR'}" Looks for the closest element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
data-uk-scrollspy-nav="{smoothscroll:true}" Applies the Smooth scroll component when skipping between different sections of the site.
data-uk-scrollspy-nav="{cls:'MY-CLASS'}" By default ScrollspyNav toggles the uk-active class. Use the cls option to use your own class name.

Markup

<ul class="uk-nav uk-nav-side" data-uk-scrollspy-nav="{closest:'li', smoothscroll:true}">
    <li><a href="#MY-ID">...</a></li>
    <li><a href="#MY-ID2">...</a></li>
</ul>

<div id="MY-ID">...</div>
<div id="MY-ID2">...</div>

JavaScript options

This is an example of how to set options via attribute:

data-uk-scrollspy-nav="{smoothscroll:true}"
Option Possible value Default Description
cls string ‘uk-active’ Class to add to active element
closest CSS selector false Element selector to aply the active class to
topoffset integer 0 Sroll top-offsset
leftoffset integer 0 Sroll left-offsset
smoothscroll boolean false Scroll animation

Events

Name Parameter Description
init.uk.scrollspy event On scrollspy first init
inview.uk.scrollspy event Element entered view-port
outview.uk.scrollspy event Element left view-port

illustration projects

This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This cute treasure makes a perfect gift or special treat for yourself. Decoration object.

Get in touch

121 King Street, Melbourne, Australia


+38 096 681 68 14

info@endeavorrcing.com

rocket.outsourcing

Quick Feedback