search

marcolago / flowtime.js

Flowtime.js HTML5/CSS3/JS Websites and Presentation Framework
https://marcolago.github.io/flowtime.js/
MIT License
1.34k stars 237 forks source link

View of nearby columns and differentiated # columns view #58

Closed cvinde closed 4 years ago

cvinde commented 8 years ago

Hi, is it somehow possible to get the flowtime.js to behave like in attached examples?

image

image

marcolago commented 8 years ago

Hi @cvinde. Sorry for the late in response. It’s possible to get variable width sections just setting the width per section in the theme CSS but to achieve what you show in the examples I have to better understand what you need.

It seems to me that you just have 1 page per section and the everything scroll in vertical direction (or you could scroll just the content of the single page) while the horizontal navigation is like the default one.

This is a very important thing to know because scrolling on touch devices (or using the scrollwheel or scroll gesture on trackpads) could make impossible to navigate between pages in the same section.

I need to make an update to the core script to achieve what you need for the desktop example but I’m not 100% sure it will be exactly what you need.

If you still need support to get Flowtime working like you asked let me know. If you are not in a hurry I will try to build a working example but I can’t do this before 5th june (too much day job, sorry).

Thanks for the patience. marcolago

cvinde commented 8 years ago

Hi, thanks for your reply. I will try to play with the width settings.

What I need is to remove the concept of fixing one column per displayed page(width) and base the amount of columns to be displayed on device type. On mobile devices, the idea is to have one column/page in width, however with the nearby columns displayed in the sides so that the user more easlily sees that there are more content horisontally and that they can just use touch to go to next column. The same concept for tablets and desktop however the amount of columns to be displayed are increased. In general you scroll horisontal to navigate between column themes/sections and you scroll vertical for more content within the column/theme/section. Does it make sense? it is a bit difficult to explain.