Grow your CSS skills. Land your dream job.

Twitter / eBay like “lubricated” scrolling?

  • # March 15, 2013 at 7:19 am

    Please excuse my noob ignorance – What plug-in is being used on the twitter / ebay apps to allow what I can only think to call “lubricated” scrolling. At the moment when I scroll down my sites on touch devices they feel a bit sticky. I’m looking to allow faster scrolling – using one motion to flick with less resistance.

    Thanks

    # March 15, 2013 at 7:26 am

    I though that was the default scrolling behaviour on mobile….but I’m just a user on mobile..not a developer.

    # March 15, 2013 at 8:37 am

    you might be right there…just noticed the ebay mobile site doesn’t do it…just the app.

    # March 15, 2013 at 11:35 am

    Well native apps make use of device resources little better. So writing JavaScript to emulate smooth scrolling works. However, in a web app you are at the mercy of the browser. On top of that you have all kinds of inconsistencies between them. [Watch Brad Frost’s video on Fixed Positioning](http://bradfrostweb.com/blog/mobile/fixed-position/), there are some nice JavaScript tidbits about native vs. web apps. Performance implications and etc…

    IMO, I would never attempt to rewrite the way browser behaves as user scrolls. You would be changing the users expectations of his/her favorite browser. Could be very irritating, especially if not done well.

    # March 15, 2013 at 12:27 pm

    Do you mean “momentum scrolling”? Here is a jQuery plugin named [kinetic](http://the-taylors.org/jquery.kinetic/) that might do what you want.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".