Streaming live at 10am (PST)

Scroll element?


#1

Is there a way to add scroll to a div block within a section so that when the user hovers over this div they can use the mouse wheel to scroll through that div element?

Thanks,
J


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Yes, you can explore with the overflow CSS options in the Style panel.

If the height of a DIV is set, and its content is overflowing, you can allow the user to scroll inside.

Result:

Live: http://candyshop.webflow.io/labels/terra-incognita

Use one of the last 2 options. Prefer the last one for an only vertical scroll.


#3

oh btw is there any way to hide the scrollbar on the scrolling div retaining the scroll itself?


#4

Yes but with additional CSS code that you add as custom code. It’s super easy for Webkit as I remember, but not so easy for the other browsers (IE, Edge, Firefox…). Sometimes require a specific HTML structure. (Also it’s not very recommended for the experience and accessibility).

I let you google this, I didn’t find an easy, readymade solution.


#5

Thought so.

The separate scrolling blocks as a whole are not exactly user-friendly anyway. Was thinking about the more visual, graphical context rather than textual information and whatnot.


#6

I’m sure you have your reasons :slight_smile: No problem. I just take the occasion to advocate about accessibility stuff when I can :slight_smile:

Let me know if you craft the perfect, cross browser code to clean up those scrollbars, so we can share the snippets.


#7

I just checked you profile and your language selector site… sacrebleu that union Jack animation is cool!

http://drm-langsel.webflow.io/

(mon dieu je fais des blagues comme les américains maintenant :smiley: ) (btw http://www.alexdram.com/ seems to be down)

Wow the Zen nav is cool too! I love the colors of the M logo, the ones of the inverted pyramids too… are those all CSS 3D things? That’s cool.


#8

Haha, thanks! It was never used on the actual project though, the days of one language - one country are over so this was deemed not politically correct, duh!

And yeah, I know my old main site is down, getting the shiny new version done as we speak actually.

Yeah, that was an exploration of css 3d transforms + (at the time just released) IX2. Had a mortal fight with the Firefox’s treatment of parent perspective and nearly gave up on cross-browser compatibility in frustration. Nice to hear you like the end results anyway!


#9

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.