Effect used in Tecmundo?

Question

The effect using in Tecmundo in the page transition is done in Parallax? If not someone knows which library used?

Example: http://www.tecmundo.com.br/gabinete/56262-elegante-mesa-gabinete-deixa-lo-boquiaberto-video.htm

Open the article and scrool to the bottom of the page.

Answer 1

In Techmundo is used a solution developed by them, you can see the source code using Google Chrome and right-clicking on the page and the option Inspect element. Then click on the tab console and paste the following code.

window.ViewModel.NewsScrollViewModel

You can see that there are comments and it is easy to understand the codes and the logic used.

But there are ready solutions available for download. Among them are the following:

• http://www.infinite-scroll.com/
• http://jscroll.com/

Answer 2

You should do the Parallax effect for moving the page down and together do the loading on demand, the same loading on demand used in paging. But instead of loading the page you will load the articles, news and etc., to have a quick effect for an internet up to 512kb, (512kb mobile plans in smartphone accessing the site in case you make the site with responsive design).

You need to optimize the content of the page, use as few images as possible (using more CSS3), and when using images, you will have to optimize them to avoid weighing, so you will get a quick effect.

An image optimization tip is to use the function thumbnail to regulate the quality of the images, but there are several other ways to do this. It’s my suggestion, of course it would be a lot of work, but without work you can’t get good results that are worth being appreciated.

There are also plug-ins on the internet that help.