导航到不同页面后如何在移动视图上修复 Next.js 冻结（无法滚动）
[英]How To Fix Next.js Freeze (Cannot Scroll) On Mobile View After Navigating To A Different Page
问题描述
我在 Next.js + Bootstrap 演示项目的移动视图上检测到一个奇怪的错误。 在手机上，使用汉堡菜单导航到新页面，然后尝试向下滚动。 它卡住/冻结/挂起，我不知道为什么。 我已尽一切努力解决问题，但没有任何进展。 有任何想法吗？ 链接到源代码 - https://stackblitz.com/edit/nextjs-lezt1f
谢谢
1 个解决方案
解决方案1
0 2022-07-11 09:59:16
在 layout.tsx 中只需添加 overflow: 'visible' 就可以了：D style={{ width: '100%', height: '0.5rem', overflow: 'visible' }}
从 Next.js 中的另一个页面导航后，Tailwind 样式不起作用
[英]Tailwind styling not working after navigating from another page in Next.js
如何在使用 AnimatePresence 包装的 Next.js 页面中导航并滚动到具有 ID 的元素
[英]How to Navigate and Scroll to an Element with ID in a Next.js Page wrapped with AnimatePresence
在 Next.js 中识别我们从哪里导航到结果页面的页面
[英]Identify the page from where we are navigating to the resulting page in Next.js
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何在 Next.js 静态页面上无限滚动？
Next.js 刷新页面后无法获取数据
从 Next.js 中的另一个页面导航后，Tailwind 样式不起作用
如何修复preventDefault（）错误，而不导航到下一页？
在 Next.js 中打开移动导航时禁用主体滚动
Next.js 在页面路由时保持滚动位置
是否可以在 Next.js 中有一个仅限移动设备的页面？
如何在使用 AnimatePresence 包装的 Next.js 页面中导航并滚动到具有 ID 的元素
在 Next.js 中识别我们从哪里导航到结果页面的页面
滚动溢出的div时如何修复页面滚动冻结错误？
相关标签