正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Kinda related: Inline scroll areas that cut off suck as well. Adding a scroll-driven mask to the top and bottom makes it feel much smoother

Florian

10,904 subscribers

115,104 次观看 • 2 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

🤩 I just learned a super cool trick! Do you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎

🤩 I just learned a super cool trick! Do you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎

Florin Pop 👨🏻‍💻

29,839 次观看 • 10 个月前

100% css 0% javascript Pretty cool that you can run animations like this now off the main thread, was always a worry implementing a scroll animation knowing some users might see "jank" Safari and Firefox are sleeping far too long, scroll driven animations are awesome

100% css 0% javascript Pretty cool that you can run animations like this now off the main thread, was always a worry implementing a scroll animation knowing some users might see "jank" Safari and Firefox are sleeping far too long, scroll driven animations are awesome

Dev Ed

88,209 次观看 • 1 年前

Bringing flagship-inspired design to the #OnePlusN6 and giving a premium feel to every swipe, scroll and stare. Learn more:

Bringing flagship-inspired design to the #OnePlusN6 and giving a premium feel to every swipe, scroll and stare. Learn more:

OnePlus India

55,774 次观看 • 27 天前

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

jhey ʕ•ᴥ•ʔ

120,849 次观看 • 1 年前

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,369 次观看 • 1 年前

If Apple dropped the iPod Classic today, no apps, just a scroll wheel and music, it would fly off the shelves.

If Apple dropped the iPod Classic today, no apps, just a scroll wheel and music, it would fly off the shelves.

Financial Dystopia

1,038,884 次观看 • 7 个月前

For those who are skeptical, here is a scroll through of the messages with anonymous' identity censored, as well as showing PirateSoftware's handle and account creation date.

For those who are skeptical, here is a scroll through of the messages with anonymous' identity censored, as well as showing PirateSoftware's handle and account creation date.

Lyric ✨

16,616 次观看 • 11 个月前

🔵 Leaderboard, Leaderboard, who’s the mega earner of them all? Wanna see how much other JumpTankers have already earned with JumpTask and who is in the TOP? Now you can! Open JumpTask, scroll to the bottom of the page, and check out the top five biggest earners! Find the leaderboard here ➡️

🔵 Leaderboard, Leaderboard, who’s the mega earner of them all? Wanna see how much other JumpTankers have already earned with JumpTask and who is in the TOP? Now you can! Open JumpTask, scroll to the bottom of the page, and check out the top five biggest earners! Find the leaderboard here ➡️

JumpTask

11,267 次观看 • 2 年前

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

Bram.us (by @bramus)

15,624 次观看 • 1 年前

Added a fixed-position editor to Pi that stays put while the chat can stream and scroll above it. Also added configurable shortcuts for jumping between user/LLM messages, to the bottom of chat, and to the start/end of a multiline editor. pi install npm:pi-powerline-footer

Added a fixed-position editor to Pi that stays put while the chat can stream and scroll above it. Also added configurable shortcuts for jumping between user/LLM messages, to the bottom of chat, and to the start/end of a multiline editor. pi install npm:pi-powerline-footer

Nico Bailon

13,315 次观看 • 2 个月前

Family means everything to me and to everyone else as well it makes us feel like a good family and where all their for each other and supporting and others as well #BTS

Family means everything to me and to everyone else as well it makes us feel like a good family and where all their for each other and supporting and others as well #BTS

𝘒𝘰𝘰𝘬𝘪𝘦_𝘉𝘢𝘥_𝘉𝘰𝘺쿠키_바드_보이

39,435 次观看 • 1 年前

Updated demo has been very well received so far. Really feel like the game is coming together. It looks much better than before. Also adding mounts improved the game so much, glad I decided to do that.

Updated demo has been very well received so far. Really feel like the game is coming together. It looks much better than before. Also adding mounts improved the game so much, glad I decided to do that.

Gemezl

12,241 次观看 • 5 个月前

“They said Lakers in 5 and the Wolves won in 5 so I think that makes it feel 10 times better” - Ant adding insult to injury 💔

“They said Lakers in 5 and the Wolves won in 5 so I think that makes it feel 10 times better” - Ant adding insult to injury 💔

LakeShowYo

331,836 次观看 • 1 年前

The Batman of Shanghai (2012) follows Catwoman and Bane as they battle for possession of the Scroll of Destiny..an artifact that Batman eventually intervenes to secure

The Batman of Shanghai (2012) follows Catwoman and Bane as they battle for possession of the Scroll of Destiny..an artifact that Batman eventually intervenes to secure

90’s anime

136,207 次观看 • 5 个月前

You can pin a chat scroller to the bottom with CSS 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛, without having to use MutationObserver or 𝚜𝚌𝚛𝚘𝚕𝚕𝚃𝚘() functions ... ... #𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 * { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚗𝚘𝚗𝚎; } #𝚊𝚗𝚌𝚑𝚘𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚊𝚞𝚝𝚘; 𝚑𝚎𝚒𝚐𝚑𝚝: 𝟷𝚙𝚡; } Browsers run scroll anchoring by default to prevent layout shifts Disable it on children, re-enable it on a 1px anchor at the end and the scroll follows new content down on its own

You can pin a chat scroller to the bottom with CSS 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛, without having to use MutationObserver or 𝚜𝚌𝚛𝚘𝚕𝚕𝚃𝚘() functions ... ... #𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 * { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚗𝚘𝚗𝚎; } #𝚊𝚗𝚌𝚑𝚘𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚊𝚞𝚝𝚘; 𝚑𝚎𝚒𝚐𝚑𝚝: 𝟷𝚙𝚡; } Browsers run scroll anchoring by default to prevent layout shifts Disable it on children, re-enable it on a 1px anchor at the end and the scroll follows new content down on its own

Manu Arora

66,823 次观看 • 2 个月前

I built a thing last week: it’s a Scroll-Driven View Transition. Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …

I built a thing last week: it’s a Scroll-Driven View Transition. Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …

Bramus

113,459 次观看 • 2 年前

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

Devon Govett

83,922 次观看 • 9 个月前

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion as the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Una 🇺🇦

38,653 次观看 • 7 个月前

director : cut! aww i like it~~ the caption said that director’s feeling is what audiences feel too then yeobeen seems to say that pdnim kinda playfully hit her and min said “he seems really like it”😂 #ourmovie

director : cut! aww i like it~~ the caption said that director’s feeling is what audiences feel too then yeobeen seems to say that pdnim kinda playfully hit her and min said “he seems really like it”😂 #ourmovie

헨🍇

12,244 次观看 • 1 年前

she loves to watch the cyberlead marquee scroll and was trying to get a video of that. but instead got her trying to catch dudley's rose....... #jammacam

she loves to watch the cyberlead marquee scroll and was trying to get a video of that. but instead got her trying to catch dudley's rose....... #jammacam

RATNEST 🐀

16,596 次观看 • 2 年前