[JQuery] ScrollMe rolling effect plug-in

Source: Internet
Author: User

After the test, everything went smoothly. I was bored last night and translated a plug-in recently used: ScrollMe:

/* ScrollMe-li ming Xi translation (╯ ‵ □') cannot begin without translation */

   

ScrollMe is a lightweight JQuery plug-in that adds specific scrolling effects to Web pages.

When you slide down the page, the ScrollMe plug-in will add special effects such as rotation, animation, and transparency gradient to your Web page without adding additional code.(Translator's note: If you want to use this plug-in for complex rolling effects, such as rolling loading, you should not use this. It is good to simply implement special effects .)Look at the four squares on the right.

Why does ScrollMe only support these attributes? Because the browser is very fast in processing these animations, it can ensure the smoothness of pages sliding up and down during browsing.

Do not (taboo ):
  • Do not add too many slide effects to the page. Use them appropriately. Otherwise, the page performance will be affected.
  • ScrollMe is not a front-end framework, not this or. ScrollMe is not so complicated and not so versatile. It is just a little special effect.
  • The old version of the browser with caution that ScrollMe can only work in a browser that supports the corresponding CSS attributes, and the rest will be powerless.

ScrollMe uses a simple syntax statement: JQuery + ScrollMe is only required, and some annotation class names are added. The rest is done by ScrollMe.

You need to add two classes for ScrollMe:·scrollmeAnd·animateme.

1.scrollmeA class is a set of all animation definitions. An animation must be implemented based on this class.

2.animatemeClass defines all animation elements. Multiple animateme elements can be added within a container element. These elements are also defined with animation style and trigger time parameter values.

 

----

The rest of the comrades who need it can go to the website and check it out. I think it is quite a fun plug-in, which is simple and clear. But if you want to use this plug-in for Parallax scrolling or something, you should try give up.

You are welcome to give feedback. If a bug occurs, do not contact me. Go to github to find the original UP Master.

----

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.