how to scroll the element belong to a group? Options

[Christian J]

It's normal page scroll for pete's sake. What are you guys on about? Do mean some other scrolling than the one I see?

We don't mean the viewport scrollbar, mean the DIV's "overflow: auto" scrollbar.

[pandy]

Can't help I have a bigger screen than you. I only saw one scrollbar.

[ericsia]

. For a moment I thought yours is the solution, but
. now our mouse is on onesss it don't scroll thought.

I thought that you only wanted scroll wheel effect on the blue/red thingy.

No problem.

Just make a return journey to these little buggers...

• Full Page View
  https://codepen.io/coothead/full/RwYbvra
  
• Editor View
  https://codepen.io/coothead/pen/RwYbvra

voilà, the mouse wheel will work with what was wanted by you.

coothead

thank you for your answer, I found the problem.
The reason it don't scroll is because the main css have`display: flex;` property

This post has been edited by ericsia: Feb 16 2023, 09:35 AM

[coothead]

. The reason it don't scroll tis because the main css have`display: flex;` property

That is not true.

The problem was solved, in my code, by changing this...

CODE

#msg:hover + #one,
#msg:active + #one {
   padding-bottom: 50vh;
   height: auto;
}

... to this...

CODE

#one:hover,
#msg:hover + #one,
#msg:active + #one {
   padding-bottom: 50vh;
   height: auto;
}

coothead

[ericsia]

. The reason it don't scroll tis because the main css have`display: flex;` property

That is not true.

The problem was solved, in my code, by changing this...

CODE

#msg:hover + #one,
#msg:active + #one {
   padding-bottom: 50vh;
   height: auto;
}

... to this...

CODE

#one:hover,
#msg:hover + #one,
#msg:active + #one {
   padding-bottom: 50vh;
   height: auto;
}

coothead

I mean mine css