84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
Wie man das ausdrückt
${window.scrollY > 0 ? " bg-slate-50" : ""}
Wird die bedingte Anweisungsprüfung nur für Tailwind auf mittleren oder großen Bildschirmgrößen durchgeführt?
你可以通过将以下代码添加到你的代码中来轻松实现：
className={md:${window.scrollY > 0 ? "bg-slate-50" : "bg-transparent"}}
这是Tailwind的做法。否则你可以自己编写自定义的CSS。
请注意，请确保在你的tailwind.config.js中包含所需的变体，如果还没有启用的话：
tailwind.config.js
module.exports = { variants: { backgroundColor: ['responsive', 'hover', 'focus'], // ... other configurations }, }
${window.scrollY > 0 ? "max-md:bg-slate-50" : ""}
您还可以从Tailwind文档中了解更多信息：https://tailwindcss.com/docs/responsive-design#targeting-a-single-breakpoint
你可以通过将以下代码添加到你的代码中来轻松实现：
className={md:${window.scrollY > 0 ? "bg-slate-50" : "bg-transparent"}}这是Tailwind的做法。否则你可以自己编写自定义的CSS。
请注意，请确保在你的
tailwind.config.js中包含所需的变体，如果还没有启用的话：module.exports = { variants: { backgroundColor: ['responsive', 'hover', 'focus'], // ... other configurations }, }${window.scrollY > 0 ? "max-md:bg-slate-50" : ""}您还可以从Tailwind文档中了解更多信息：https://tailwindcss.com/docs/responsive-design#targeting-a-single-breakpoint