Scrolling style effect of the Instagram app

Asked

Viewed 498 times

0

I would like to use the "scrolling" effect that instagram uses in your app, switching to camera and time-line. However I do not know the name of this effect, could tell me what it is, or give examples of sites that show a tutorial of it?

html css

  • In app or web?

  • Just like what they use in the Guilherme app.

  • You could record a video exemplifying the effect?

  • Do you have any video? Is it the same as Snapchat? Where you switch from sliding screens to the side?

  • That’s what you said, Stéfano.

  • Just tell me one more thing. You want the scroll to happen when you press a button or drag with your finger?

  • I believe this effect is called "Slide Tabs" https://youtu.be/23vE3VUke5o?t=19m55s

  • Okay, I answered your question.

  • I edited and added the drag effect.

Show 4 more comments

1 answer

2

Friend, you can use the jQuery Mobile 1.4.5.

You find it in this link:

http://demos.jquerymobile.com/1.4.5/

First, with the way tabs:

http://demos.jquerymobile.com/1.4.5/tabs/

Plus the effect slide:

http://demos.jquerymobile.com/1.4.5/transitions/

For the purpose of drag, use the Hammerjs:

http://hammerjs.github.io/

Using the two you leave the same as the cell phone.

Browser other questions tagged html css

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