How to Create Div that appears in the page scroll

Asked

Viewed 143 times

0

Some websites have a div which appears on the side of the page as it comes close to the end of the page.

I don’t know his name, but I have an example: on the pages of the site’s posts http://www.ovelhasvoadoras.com.br/ this arises div.

What is the name of this type of/div window? Does anyone know how to do or knows any cool tutorial?

  • If any of the answers are satisfactory, consider marking an answer as an answer to your question.

1 answer

3

Endless scrolling

Source: Reproduction/Smashingmagazine

Sane scripts created to improve the user experience in scrolling the page. It can also be called by its English terms:

  • Lazy loading
  • Endless scrolling
  • self-plagger
  • Endless pages

A good example is yours feed of Facebook news, that every time you reach the bottom of the page, it reloads it with new posts, without having to refresh the page, or anything like that.


Steady.js

A Javascript library for creating the effect on any HTML page.

jScroll A jQuery infinite scrolling plugin, it can load the content via AJAX, so I emphasize it.

Scrollme

A jQuery plugin that helps you create effects for scrolling also on any HTML page. It has many effects and the options for customization are vast.

Note: this is not a plugin for infinite scrolling, but the two together give a very cool effect. Scrollme is for scrolling purposes.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.