Giter Club home page Giter Club logo

60fps-scroll's People

Contributors

caillou avatar obenjiro avatar ryanseddon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

60fps-scroll's Issues

Only works when scroll is in body

I couldn't get this to work no matter what I did, am I missing something obvious...

Then again, the jsbin demo version of this works fine when scroll is in body. If scroll is in a container, it won't work. See what I mean here here. If I add the scroll to the container it starts behaving weirdly container.addEventListener('scroll', function() {...

Add API to remove scroll cover

Would be good to have a way to remove the scroll cover.

  • Remove element
  • Remove scroll listener
  • Remove click listener

Possibly expose a destroy method on a global for this lib.

Continuing development

hello guys,
i've had the same problem as mentioned in the article (follow-up-60fps-scroll). despite of using the latest version of google chrome, i still had the problem.
downloaded and included this library and it does the trick.
i believe the development shouldn't stop cuz it's still a problem even in the newest version of chrome.
the idea of using translate3d is great.

(tested on windows10)

Deprecate project when chrome ships fix to stable

So this little lib was only useful for Chrome which was the only browser that didn't disable mouse events while the user was scrolling causing the paint storms and janky scrolling.

They have since fixed this issue and have shipped it to canary, see status.

Once it reaches stable I'll retire this project by updating the readme to make sure people don't use it. I'll keep it around the code for historical reasons.

I'll also update my blog posts, or even post a new one.

cc @paulirish

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.