working on iScroll 5

[Matteo Spinelli]

It's in pre alpha stage, but I'm working on iScroll 5. You can find a demo here: http://lab.cubiq.org/iscroll5/demos/simple/

You can only test the new scrolling algorithm that should more closely mimic the native one. I'm now working on draggable scrollbars. You'll also be able to put scrollbars outside of the scroller.

[Daniel Pegues]

I just ran your demo in IE8 for iScroll 4 and it works. It must be ajax in my project that is supposed to scroll.

[Franck]

tested in a Phonegap app under Android 2.3 and it's pretty fluid !

[Alex]

Ciao Marco,

This looks great!

Is there anything you plan to do for it to work in IE8? It would be great, as IE8 is still pretty much in use.

If not, do you have any suggestions as to what one could do to try make the current version work with IE8?

Thanks

[Patrick Rouillier]

One feature i should like (if possible !) is to have Iscroll working as a "responsive internet site", means having wrapper and scroller with and height defined in terms of % instead of px.

Le lundi 29 octobre 2012 16:08:42 UTC+1, Matteo Spinelli a écrit :

[daslicht]

Very smooth, even the bounce looks very fluid !
Great work , Thank you very much !

[Matteo Spinelli]

that should actually work. at each page resize the wrapper size is recalculated... so..

[Matteo Spinelli]

I don't know, it is technically feasible, but it's time to drop old browsers compatibility and suggest users to upgrade. If it doesn't mess up the code I'll be adding IE8 compatibility

Matteo

[arie....@gmail.com]

Matteo - nice demo.
I would like to use iScroll on Windows Phone 8.
Any idea when iScroll5 will be ready to download (even alpha)? Or, can you give hints of what to do/change so it will work on WP8.
Thanks,
Arie

[Gregory Koberger]

Very smooth scrolling.

How hard would it be to copy+paste the new scrolling algorithm into iScroll4?

(Is this still under development? Any ETA?)

[Mathias Valentin]

Very nice - I'm looking forward to the update! 

I have a small suggestion:
As more and more devices supports both touch and normal (mouse/keyboard) inputs. Ex. ms surface and chromebook pixel. I think iScroll should be able to add both sets of event-handling (at the same time)! As far as I can see, that's not the case right now?

[Matteo Spinelli]

I'm in the middle of a big project, when finished I'll be back on iscroll.

it just misses a couple of days of development. I'm willing to add all touch devices compatibility but I miss the devices, and nobody is willing to help me on that :P

M.

[John Connor]

Hey Matt,

I have tested with iPhone-5, it's pretty cool and awesome.

Just one thing to say, i was enable to scroll from input box on device. it really help user to scroll on page when there is list of input box, textarea, etc. on device with touch.

[paul...@koalapub.co.uk]

Hi Matt,

Any ideas on the time scale for beta release of iScroll 5?

Thanks,

Paul

[Matteo Spinelli]

Sorry for this taking so long.

I decided to make the code modular using gruntjs. I had to rebuild the script almost from scratch, but I'm working on it on a daily basis, so it shouldn't take long.

Matteo

[Jordan Austin]

Hi Matteo,

your grunt build system looks great. Looking at recent checkins I see your scrollbar code. By setting the option: interactiveScrollbars: true, it appears to have issues still. Are you looking for bug reports here for that or are you still in the middle of that?

[Matteo Spinelli]

I'm in the middle of it but please report bugs if you see them.

Thanks

Matteo

[Tin Nguyen]

Can you guess about ETA?

[Eric Walters]

I saw in another thread that iScroll 5 will be compatible with Windows Phone 8.  Will it also be compatible with Windows RT / Windows 8 apps?

[Matteo Spinelli]

Hopefully, yes.

Matt

[Matteo Spinelli]

It's ready, I'm pushing Beta1 in the next few hours.

Matteo

[Jordan Austin]

Hi Matteo,

By setting interactiveScrollbars: true, it'll allow you to interact with the scrollbars, but shouldn't this allow content scrolling by dragging the scrollbars?

What's the correct way of doing this? I have a feeling I'm just not reading your code right. 

Thanks,

Jordan

[Matteo Spinelli]

Sorry Jordan, I'm afraid I'm not following you.

interactiveScrollbars lets you scroll by dragging the indicator.

Matteo 

[Jordan Austin]

Hey Matteo, 

currently using interactiveScrolbars: true - I can scroll the indicator but the Y position doesn't change. Notice in this screenshot the scrollbar indicator is all the way to the bottom but the content is still at row 1 (Y position = 0): https://www.dropbox.com/s/xze94uyqngztyx6/Screen%20Shot%202013-05-24%20at%2010.46.16%20AM.png

Do you have a working example of draggable scrollbars? Currently your scrollbar demos show the indicator but do now allow you to drag them.

Thanks,

Jordan

[Matteo Spinelli]

The minimap uses the same code ( http://lab.cubiq.org/iscroll5/demos/minimap/ ) and seems to work. I'll double check the scrollbars. Thanks for your report.

Matteo

[Jordan Austin]

Yeah, I was referencing the minimap, since that seems to work well. I can do further testing to see if I can get it to work, but in the current state just using the interactiveScrollbars option doesn't seem to behave correctly.

Jordan

[Matteo Spinelli]

Fixed!

Matt

[Jordan Austin]

Gosh, you're amazing. I'll do a little testing on it now. 

Thanks!

Jordan

[Jordan Austin]

Yep, it's working great now. I was able to test this on desktop browsers, but also on iPad, iPod touch, Chromebook, Chrome Android, Android webview. All working exactly as expected, awesome!

IE10 on Surface has issues in general, so it wasn't a surprise to me that scrollbars don't work here. Do you have plans for IE10 support?

Thanks,

- Jordan

[Matteo Spinelli]

yes, IE10 comes next.

[Paul van der Meer]

Hi Matteo,

Will iscroll5 also support the myScroll.scrollToElement function?

Thanks

Paul

Op maandag 29 oktober 2012 23:08:42 UTC+8 schreef Matteo Spinelli het volgende:

[Matteo Spinelli]

indeed!

[unbug lee]

Hi,Metteo,the demo works great!Due to it's still alpha,is there anything we should know if we deploy it to our project right now?

[Matteo Spinelli]

iScroll 5 is mow in beta. It seems pretty stable but you could wait another week to see if nasty bugs come out.

Matteo

[grea...@gmail.com]

Hi Matteo,

good to see things flowing.

- are there any specific requirements to run it on FF and IE10? Chrome works fine for me, but atm I am not able to make it work with the rest

- I cant get focus on input  elements in any tested browser

- onclick events are not fired in Android  (DIV)

John

[Matteo Spinelli]

Hey John,

- are there any specific requirements to run it on FF and IE10? Chrome works fine for me, but atm I am not able to make it work with the rest

FF should work. I'll work on IE10 tomorrow.

 

- I cant get focus on input  elements in any tested browser

try to set the click:true option

 

- onclick events are not fired in Android  (DIV)

More info please (browser? device? os version?)

Matt

[grea...@gmail.com]

HTC Onex X+, Android 4.1.1, default browser

Clicks on DIVs works fine with "click" option FALSE, event is fired twice with "click" option TRUE

Win7 x64, Chrome  27.0.1453.94 m, IE10, Firefox 21

Still cant get focus on INPUT fields. In FF,IE mouse scroll does not work.

HTH

John

[Matteo Spinelli]

Android 4 doesn't need click:true because we can't preventDefault on touch start. If we do the scroll stops working. I'd say it's a bug of the default browser since no other browser behaves that way.

Input fields work only with useTransform:false for now.

Mouse scroll works for me on all browsers. Please check the latest version.

Matteo

[grea...@gmail.com]

Yes it is propably Android bug since 4.1. IE is now fine. I had invalid flexbox syntax. I still have problems with FF and CSS. But I guess its OK with IScroll too.

I have latest version now and input fields works on Android.  But NOT on any desktop browser even with useTransform:false.

John

[grea...@gmail.com]

Another weird things:

- with useTransform:false I cant scroll. Only with native scroll. Mouse wheel on desktop, touchmove on Android4+.

- with useTransform:true and bounce:off I have about 30% extra space at the end of a page.

- on desktop browsers click events are fired even if I just "drag-scroll" the list

- I have weird collision here on IE and Chrome. At certain points I am not able to scroll (drag-scroll) to the bottom or  the top of a page. Not with mousewheel too.Only thing that helps is combination of dragging and mousewheel.

- on Android momentum scroll stops too fast and its not smooth, classic touch-move-scroll works fine here but also with extra space at the bottom of the page

John

[Matteo Spinelli]

please check the latest version. for each test report OS and browser vendor and version. if you are not using the default demos send a link to your installation. if you are using the provided demos, please let me know which one.

thanks!

Matteo

[grea...@gmail.com]

I've made a test setup here http://212.24.137.227:8380/public/ 

No change with the latest version. Win7 x64/Chrome 27.0.1453.110 m, Android 4.1.1 HTC ONE X+default browser

I started with this http://lab.cubiq.org/iscroll5/demos/simple/ . It works quite fine, but I wasnt able to get it work on my page. Two notes to the demo:

when scrolling with momentum (Android browser)

  - 1px white line is visible in header. full width and about 5px from the bottom of the header.

  - scrolling is unstoppable (with tap)

John

[ason...@entrib.com]

Has anyone tries horizontal scrolling on iScroll5?

I tried horizontal scrolling but the bounce is not smooth.

Pls post a demo

[Matteo Spinelli]

There's a horizontal demo.

Here http://lab.cubiq.org/iscroll5/demos/horizontal/

[Gareth Murphy]

I'm noticing this behavior as well... through trial and error I can manage to get the scrolling working as in the demos (rather than the janky, momentum-less results I seem to be getting most of the time, but can't trace to an actual culprit), however even then interrupting the scrolling doesn't work well; it seems to pick up on the new location, but the current scroll momentum animation just continues on and after finished the scroller skips to the new location instantly.

[Daniel White]

@Gareth ,

Ever find a solution for the funky momentum? I'm dealing with it right now on 5.1.1.

Thanks,