search

NeXTs / Clusterize.js

Tiny vanilla JS plugin to display large data sets easily
https://clusterize.js.org
MIT License
7.22k stars 412 forks source link

Horizontal Lists #8

Closed olsn closed 9 years ago

olsn commented 9 years ago

Hi,

I love your plugin! Is support for horizontal lists planned in a future version?

cheers olsn

NeXTs commented 9 years ago

Hi Olaf, thank you!

It's seems a bit redundant, not every day we have to deal with as long horizontal lists. But I'll think about it if I have received a lot more of requests.

zbjornson commented 9 years ago

This would be useful for me. We have a large grid in both dimensions (horizontal and vertical).

atcrawford commented 9 years ago

+1

BevanR commented 8 years ago

➕ 1

pchr-srf commented 7 years ago

+1 from me, really having trouble with rendering 14400x9000px big element with 1500 differently positioned elements with children and hover/click events...

NeXTs commented 7 years ago

In theory it should be possible to implement clusterized horizontal list using this technique https://css-tricks.com/pure-css-horizontal-scrolling

pchr-srf commented 7 years ago

Very cool idea! We managed to solve it in a different way without using clusterize. Native + translate3d for that extra performance on IOS :)

NeXTs commented 7 years ago

@pchr-srf Hey, cool! Could you please explain in "few words" what do you meant saying Native?

pchr-srf commented 7 years ago

@NeXTs : Sure! I thought we had too much data/too many dom elements on the screen so the browsers had trouble rendering it fast enough on scrolling through the table. But it turned out that it was the old plugin we used (jQuery.kinetic) which made the movements too slow. I implemented my own inertia-drag-method (very closely related to https://ariya.io/2013/11/javascript-kinetic-scrolling-part-2) in vanilla JS and used some CSS magic (translate3d mostly) to improve performance on IOS.

So now we don't use any plugins to show a rather large set of data and it still scrolls without too much jittering on older hardware.