how to scroll the element belong to a group? |
how to scroll the element belong to a group? |
ericsia |
Feb 12 2023, 11:58 AM
Post
#1
|
Newbie Group: Members Posts: 11 Joined: 12-February 23 Member No.: 28,805 |
It is too hard to describe as word, here is what I mean:
https://jsbin.com/kalodos/edit?html,css,output |
ericsia |
Feb 12 2023, 01:26 PM
Post
#2
|
Newbie Group: Members Posts: 11 Joined: 12-February 23 Member No.: 28,805 |
Note: I need to change the background color when mouse hover
|
Christian J |
Feb 12 2023, 02:39 PM
Post
#3
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
It is too hard to describe as word, here is what I mean: https://jsbin.com/kalodos/edit?html,css,output Do you want the lines of 1:s to scroll even when the mouse is hovering over the fixed "mouse on me and scroll"-text? |
ericsia |
Feb 12 2023, 03:36 PM
Post
#4
|
Newbie Group: Members Posts: 11 Joined: 12-February 23 Member No.: 28,805 |
|
Christian J |
Feb 12 2023, 04:23 PM
Post
#5
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
I don't think it's possible. You can still scroll it with the Up/Down keys though.
|
ericsia |
Feb 13 2023, 01:39 AM
Post
#6
|
Newbie Group: Members Posts: 11 Joined: 12-February 23 Member No.: 28,805 |
user will scroll using mouse wheel most likely
|
pandy |
Feb 13 2023, 02:27 AM
Post
#7
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
I don't understand. When I hold the pointer over the square it changes colour and I can scroll the lines with the mouse wheel. What's the problem?
|
Christian J |
Feb 13 2023, 06:36 AM
Post
#8
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
|
pandy |
Feb 13 2023, 06:47 AM
Post
#9
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
Of course the scrollbar moves. How else would it happen? The OP just said he wanted scroll when the mouse pointer is over the fixed box and that works for me.
|
ericsia |
Feb 13 2023, 07:03 AM
Post
#10
|
Newbie Group: Members Posts: 11 Joined: 12-February 23 Member No.: 28,805 |
I don't understand. When I hold the pointer over the square it changes colour and I can scroll the lines with the mouse wheel. I can't do that, not even in K-Meleon. Are you sure it's not the viewport scrollbar you see moving? I can't scroll it either. I want the inner items (onesssss) to scroll when the mouse is on the square. Owh btw, I'm looking for a pure css solution. |
pandy |
Feb 13 2023, 07:51 AM
Post
#11
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
But they do scroll. I.e. the page scrolls but the fixed box stays put. What browser do you use?
|
Christian J |
Feb 13 2023, 11:53 AM
Post
#12
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
I want the inner items (onesssss) to scroll when the mouse is on the square. Yes that's what I meant too, the DIV with "overflow: auto". But do you really need nested scrollable sections like that on the page? It might be difficult to use even if it worked. But the do scroll. I.e. the page scrolls but the fixed box stays put. I can scroll the page too, but occasionally even that it stops working (at least in Vivaldi). Not sure why, maybe it's a bug. |
coothead |
Feb 13 2023, 01:55 PM
Post
#13
|
Advanced Member Group: Members Posts: 226 Joined: 12-January 23 From: chertsey, a small town 25 miles south west of london, england Member No.: 28,743 |
Hi there ericsia,
I have made an example that will only scroll the content, with the wheel, when the mouse is over the blue to red panel. Of course if the mouse does not have a wheel................ If it does, then you may see the fruits of may labours here... Full Page View https://codepen.io/coothead/full/RwYbvra ...and the code here... Editor View https://codepen.io/coothead/pen/RwYbvra coothead |
pandy |
Feb 13 2023, 02:32 PM
Post
#14
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
I want the inner items (onesssss) to scroll when the mouse is on the square. Yes that's what I meant too, the DIV with "overflow: auto". But do you really need nested scrollable sections like that on the page? It might be difficult to use even if it worked. But the do scroll. I.e. the page scrolls but the fixed box stays put. I can scroll the page too, but occasionally even that it stops working (at least in Vivaldi). Not sure why, maybe it's a bug. It scrolls in k-mel, FF and Edge. 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? |
ericsia |
Feb 14 2023, 06:15 AM
Post
#15
|
Newbie Group: Members Posts: 11 Joined: 12-February 23 Member No.: 28,805 |
I want the inner items (onesssss) to scroll when the mouse is on the square. Yes that's what I meant too, the DIV with "overflow: auto". But do you really need nested scrollable sections like that on the page? It might be difficult to use even if it worked. Yes I need that, the blue box was meant to be a message box with transparent background, but I added color to help us see the region |
ericsia |
Feb 14 2023, 06:27 AM
Post
#16
|
Newbie Group: Members Posts: 11 Joined: 12-February 23 Member No.: 28,805 |
Hi there ericsia, I have made an example that will only scroll the content, with the wheel, when the mouse is over the blue to red panel. Of course if the mouse does not have a wheel................ If it does, then you may see the fruits of may labours here... Full Page View https://codepen.io/coothead/full/RwYbvra ...and the code here... Editor View https://codepen.io/coothead/pen/RwYbvra coothead For a moment I thought yours is the solution, but now our mouse is on onesss it don't scroll thought. |
ericsia |
Feb 14 2023, 06:31 AM
Post
#17
|
Newbie Group: Members Posts: 11 Joined: 12-February 23 Member No.: 28,805 |
I want the inner items (onesssss) to scroll when the mouse is on the square. Yes that's what I meant too, the DIV with "overflow: auto". But do you really need nested scrollable sections like that on the page? It might be difficult to use even if it worked. But the do scroll. I.e. the page scrolls but the fixed box stays put. I can scroll the page too, but occasionally even that it stops working (at least in Vivaldi). Not sure why, maybe it's a bug. It scrolls in k-mel, FF and Edge. 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? I mean this one |
pandy |
Feb 14 2023, 07:45 AM
Post
#18
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
Yes? I hold the pointer over the box. It changes colour and when I spin the mouse wheel the page scrolls and the scrollbar moves. What do you want different?
And what browser do you use if you don't see what I see? |
ericsia |
Feb 14 2023, 08:21 AM
Post
#19
|
Newbie Group: Members Posts: 11 Joined: 12-February 23 Member No.: 28,805 |
Yes? I hold the pointer over the box. It changes colour and when I spin the mouse wheel the page scrolls and the scrollbar moves. What do you want different? And what browser do you use if you don't see what I see? did it scroll for a while or u can see all the onesss until it reached bottom? Opera, google chrome and samsung mobile browser can't scroll the inner content (onessss) |
coothead |
Feb 14 2023, 09:14 AM
Post
#20
|
Advanced Member Group: Members Posts: 226 Joined: 12-January 23 From: chertsey, a small town 25 miles south west of london, england Member No.: 28,743 |
. 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...
voilà, the mouse wheel will work with what was wanted by you. coothead |
Lo-Fi Version | Time is now: 24th September 2024 - 02:43 PM |