Ylli
KPCKevin Powell - Community
•Created by Ylli on 2/11/2025 in #front-end
How to scroll inside a fixed element? React / Tailwind
Hello kind people, I have been stuck on this issue for 2 days and I would like some help.
https://ylli-vert.vercel.app/showroom
This is a simple shopify cart I have created which adds and removes items.
My issue here is that when you add more than lets say 5 times (the entire cart starts overflowing) I cannot scroll inside to view the items and I lose sight of the button.
Now I can fix the button showing by separating all of them in 3 separate divs with a flex flex-col h-full but I still cannot get the cart items to be scrollable even if I just enable overflow-y-scroll h-full.
Either way main issue is at "how to get the items inside the cart when they are more than 5 to scroll inside of just hide/push towards the bottom".
Thank you in advance.
7 replies
KPCKevin Powell - Community
•Created by Ylli on 1/17/2024 in #front-end
Position fixed with transform (behavior exploration)
Hi everyone.
For the last 2 days I have been tinkering with this 'unknown behavior' where If I used transform to a container, the fixed position inside it would no longer work.
The only way I managed to 'fix' this is by moving the element outside the container but that comes with a set of different problems such as breaking the layout and so on.
If you have a better approach to this, I would love to see it.
Thank you in advance,
Ylli.
(codepen for a simple illustration)
https://codepen.io/yesm4n/pen/PoLpKxL
9 replies
KPCKevin Powell - Community
•Created by Ylli on 9/13/2023 in #front-end
CSS image aligning problem
Hey everyone! I'm new here so bare with me if I'm not following the guidelines properly.
In my last project I've encountered a 'behavior' that I don't know how to address.
I have 24 images, I'm creating a horizontal scroll using grid. All works well and as expected UNTIL I rotate some of the images in the grid.
Basically what needs to happen is that, 18 of the images are normal, the rest are rotated -95deg + span 2 (while fitting and aligning with the rest of the images).
I've been stuck in this for 3-4 days, googling, youtube, searching up and down and I can't seem to fix it unless I make it too manual.
37 replies