Загрузка видео...

Не удалось загрузить видео

На главную

when you add fade out for the scrollable container, make sure it won't overlap your scroll bar

pqoqubbw's profile picture

dmytro

7,934 subscribers

54,436 просмотров • 6 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

your modal scrolls. your page scrolls too. that’s scroll chaining. put 𝚘𝚟𝚎𝚛𝚜𝚌𝚛𝚘𝚕𝚕-𝚌𝚘𝚗𝚝𝚊𝚒𝚗 on the scrollable part of the modal and the background won't scroll with your modal
0:15

your modal scrolls. your page scrolls too. that’s scroll chaining. put 𝚘𝚟𝚎𝚛𝚜𝚌𝚛𝚘𝚕𝚕-𝚌𝚘𝚗𝚝𝚊𝚒𝚗 on the scrollable part of the modal and the background won't scroll with your modal

Manu Arora

14,319 просмотров • 1 месяц назад

This one line of CSS will fix the annoying layout shift that scrollbars cause. This happens when a non-scrollable container becomes scrollable due to its content. This gets rid of that problem: .container { scrollbar-gutter: stable; } With that, space is reserved for the scrollbar before it even appears. So there's no layout shifts when content grows. Use both-edges if your content is centered. It mirrors the reserved space on both sides of the container to keep the layout balanced. If you found this one useful, follow for more. ❤️
0:13

This one line of CSS will fix the annoying layout shift that scrollbars cause. This happens when a non-scrollable container becomes scrollable due to its content. This gets rid of that problem: .container { scrollbar-gutter: stable; } With that, space is reserved for the scrollbar before it even appears. So there's no layout shifts when content grows. Use both-edges if your content is centered. It mirrors the reserved space on both sides of the container to keep the layout balanced. If you found this one useful, follow for more. ❤️

Ali

65,361 просмотров • 1 месяц назад

`overscroll-x-contain` should be the default for any horizontal scroll container on the web. by default sideways trackpad swipes trigger browser back navigation and users hate this add this CSS and respect their intent .scroll-container { overscroll-behavior-x: contain; }
0:11

`overscroll-x-contain` should be the default for any horizontal scroll container on the web. by default sideways trackpad swipes trigger browser back navigation and users hate this add this CSS and respect their intent .scroll-container { overscroll-behavior-x: contain; }

OPM

34,747 просмотров • 3 месяцев назад

Fuck it, we make the objects scrollable now!
0:19

Fuck it, we make the objects scrollable now!

Alphalaneous

12,126 просмотров • 4 месяцев назад

Make sure you add Montana State to your CFB bucket list #GoCatsGo
0:15

Make sure you add Montana State to your CFB bucket list #GoCatsGo

College Football Campus Tour

54,986 просмотров • 6 месяцев назад

The latest must-do activity in Chongqing: "swallow" a light rail if you can! Make sure to add this to your checklist when you visit the magical city! iChongqing
0:17

The latest must-do activity in Chongqing: "swallow" a light rail if you can! Make sure to add this to your checklist when you visit the magical city! iChongqing

Xie Feng 谢锋

13,953 просмотров • 1 год назад

When out shopping in Oxford Street, make sure you keep your head on swive.
0:15

When out shopping in Oxford Street, make sure you keep your head on swive.

London & UK Street News

1,048,065 просмотров • 1 год назад

🎯 Lenis now smooths any scroll on your Framer page, not just the page itself. headers, sidebars, scrollable divs—whatever. just drop it in and pick your target. links and tutorial below ⬇️
0:10

🎯 Lenis now smooths any scroll on your Framer page, not just the page itself. headers, sidebars, scrollable divs—whatever. just drop it in and pick your target. links and tutorial below ⬇️

darkroom.engineering

20,199 просмотров • 1 год назад

When it get to this stage, make sure there’s someone for you! 🥹
0:13

When it get to this stage, make sure there’s someone for you! 🥹

TENIOLA

32,855 просмотров • 8 месяцев назад

Make sure to add #Chongqing to your #China list!
0:13

Make sure to add #Chongqing to your #China list!

Zhang Meifang

22,388 просмотров • 1 год назад

Make sure you sweat it work out
0:12

Make sure you sweat it work out

Zarmesian

57,711 просмотров • 5 месяцев назад

Btw you can always add the top/bottom fadeout effect with a scrollable list just don't hardcore it Plus it does't need any Js just raw css and it works like charm
0:13

Btw you can always add the top/bottom fadeout effect with a scrollable list just don't hardcore it Plus it does't need any Js just raw css and it works like charm

Guri

183,752 просмотров • 8 месяцев назад

HOW TO ACCESS VIP UPGRADE: - Search “Halsey” on Ticketmaster - Scroll to your desired show and click the “i” - Under “Add-Ons”, scroll to “VIP” and select “Halsey VIP Upgrade (Event Ticket Not Included)” and click - When the listing goes live, it will be available for purchase
0:11

HOW TO ACCESS VIP UPGRADE: - Search “Halsey” on Ticketmaster - Scroll to your desired show and click the “i” - Under “Add-Ons”, scroll to “VIP” and select “Halsey VIP Upgrade (Event Ticket Not Included)” and click - When the listing goes live, it will be available for purchase

Halsey Updates

27,137 просмотров • 9 месяцев назад

Are you ready for the Silent Riot? They won't be silenced. Make it make sense.
0:10

Are you ready for the Silent Riot? They won't be silenced. Make it make sense.

Community Notes & Violations

23,819 просмотров • 1 год назад

When you cant be mean to your crush so you unload on someone else to make sure you still got it.
0:18

When you cant be mean to your crush so you unload on someone else to make sure you still got it.

NeroTsumi 🪄🍮

1,286,957 просмотров • 5 месяцев назад

“make sure to keep your blinds shut during the day, it keeps the heat out xx”
0:10

“make sure to keep your blinds shut during the day, it keeps the heat out xx”

putasinghonit

73,113 просмотров • 1 год назад

Are you going to visit me in the cat cafe tonight Nyaster? Make sure you write your order down below so I can have it ready for you when stream starts! 🧡🍰
0:10

Are you going to visit me in the cat cafe tonight Nyaster? Make sure you write your order down below so I can have it ready for you when stream starts! 🧡🍰

Ebiko 🧡🦐 Prawnstar

14,185 просмотров • 1 год назад

"My Next.js app feels slower when I deploy it to production" Make sure you deploy your db close to your app
0:16

"My Next.js app feels slower when I deploy it to production" Make sure you deploy your db close to your app

Alex Sidorenko

44,723 просмотров • 1 год назад

scroll-hintみたいなJSを使わずともscroll-stateで横スクロールのプロンプトを表示できるようになったのは大きい `@\container scroll-state((scrollable: inline-start) or (not (scrollable: inline-end)))`でインライン軸のスクロールが可能かつスクロールされていない場合の条件分岐ができる🫵
0:13

scroll-hintみたいなJSを使わずともscroll-stateで横スクロールのプロンプトを表示できるようになったのは大きい `@\container scroll-state((scrollable: inline-start) or (not (scrollable: inline-end)))`でインライン軸のスクロールが可能かつスクロールされていない場合の条件分岐ができる🫵

TAK

34,736 просмотров • 1 год назад