Side scrolling div


#1

Looking to create a side-scrolling product area - not a js carousel but a plain css overflow-scroll div. Like this: https://www.dropbox.com/s/ru0q7awjbvfq86w/side%20scroll.mov?dl=0

Feel like im almost there with this but cant quite work it out (would be much easier if I could just dive into the real css from within blocs! or can I and I’m missing something?)

any thoughts?


#2

Hi @lewis

Take a look at Guide To Getting Help

It’s hard to know what you got, where you’re stuck and what you need help with.
Can you post a link to the page or zipped project.

Cheers


#3

Same here! I wanted to know how to do this kindda of effect. A help will do or a tutorial :slight_smile:


#4

alas I dont have anything to show - im trying to get the function you can see in the video but dont know the right way of using the tools in blocs to achieve it.

this stack overflow article is exactly what I want to achieve but obvs cant as unable to actually poke around in the css precisely: https://stackoverflow.com/questions/9925754/css-horizontal-scroll


#5

Are you talking about something like this:
http://cincyplanet.com/demos/


#6

Tutorial please :slight_smile:


#7

hey! Yeah thats the sort of thing.

I actually sorta managed to do it in a hacky way. Heres how I did it:

(i’l try and post this video but last time I did this I was blocked from the forum so fingers crossed you guys can see it!)

https://www.dropbox.com/s/50c29v91zrqixwt/side-scrolling.mov?dl=0


#8

Wah! Can’t play the video :frowning:


#9

I have created a sample bloc file to show how I did it.

http://cincyplanet.com/demos/sidescroller.bloc


#10

Thank you so much you really helped)