Giter Club home page Giter Club logo

Comments (3)

rowanbeentje avatar rowanbeentje commented on July 2, 2024

Hi there,

This is largely handled in the _flingScroll function. It is a bit dumb at the moment - it has a fling distance calculated from the fling bezier curve, and then it arbitrarily takes an eighth of this distance (https://github.com/ftlabs/ftscroller/blob/master/lib/ftscroller.js#L1119) and then further limits it to half the container size (https://github.com/ftlabs/ftscroller/blob/master/lib/ftscroller.js#L1122). It then uses the bounceDecelerationBezierto determine the appearance of the bounce.

If this isn't already respecting half the screen size - are you using a mouse/touchpad fling? Those are slightly special cases in that the OS tends to already simulate flings by sending scrollwheel events in series; for example, on OS X a touchpad scroll fling will send a series of diminishing scroll events even after the reader has taken their fingers off the touchpad, which we can't distinguish from actual scroll events... so that can rubberband further, and have a slight pause before it bounces back...

Hope that helps?

from ftscroller.

MippinTeam avatar MippinTeam commented on July 2, 2024

Hi,

I started investigating the parts of the code you mentioned. Created a new object property to define the distance (replacing the default 1/8) and another for container size and manage to reduce the bounce effect but it seems that it only has a visible effect until a certain value of distance.

Will continue to hack the script and do more testing on this.Will make a pull request with the changes I made when I'm done.

I'm using a touch fling (iPhone and Android phones)

Thanks for your help.

from ftscroller.

four43 avatar four43 commented on July 2, 2024

+1, please report back if you find something, @MippinTeam!

from ftscroller.

Related Issues (20)

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.