Code Monkey home page Code Monkey logo

scrollview-sandbox's People

Contributors

curtisharvey avatar derek avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

scrollview-sandbox's Issues

sv breaks with combination of gestures and dynamic set index calls

Steps to reproduce:

  1. edit dualaxispaginator/index.html to expose the s global for easy console manipulation
  2. open dualaxispaginator/index.html
  3. perform a vertical drag gesture on the lower scrollview (text)
  4. from console run s.pages.set('index', 1) or s.pages.scrollToIndex(1) and notice how neither work and if you try to interact with gestures it will become confused

A workaround from the integration side is to either delete _gesture or reset _gesture.axis to the pagination axis (in this case x).

This seems to be symptomatic of keeping _gesture around long past gesture end and I think we would be better off storing just the relevant bits from a gesture needed for the transition and nulling it out -- combined with better checks for pagination axis when sv.pages.set('index', N) and sv.pages.scrollToIndex calls are made.

enhancement: treadmill pagination

I still hope to dedicate some time to looking at this as well but figured it would be good to open an issue for tracking purposes.

Lots of testing has shown that while the visibility:hidden toggle does help to free up memory it doesn't help enough with touch responsiveness -- and to date a "treadmill" approach has shown to be the most promising.

Treadmill -- add/remove page nodes as necessary to maintain only a small subset of pages in the live DOM, thus creating a much smaller canvas for dragging and animating.

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.