Tailwind CSS 项目中使用 headlessui 的 Menu 组件点击时样式出现问题_tailwindui html 下拉

作者：盐析白兔 | 2024-05-27 04:55:41

踩

tailwindui html 下拉

Tailwind CSS 项目中使用 headlessui 的 Menu 组件点击时样式出现问题

我的一个个人博客，使用了 headlessui 的一个下拉菜单组件，当我点击时，我注意到窗口内的内容动了下而且滚动条消失了，随后f12我发现 html 标签多了两个样式
overflow: hidden; padding-right: 15px
请添加图片描述
下面是修复的一个方法，就是单独添加覆盖的样式

html {
  padding-right: 0px !important;
  overflow-y: scroll !important;
}
1
2
3
4

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/629978