问题标签 [bodyscrolllock]

我正在使用 Sidr ( https://github.com/artberri/sidr ) 和 bodyScrollLock ( https://github.com/willmcpo/body-scroll-lock/ )。当我在没有 Sidr 的情况下使用 bodyScrollLock 时，它可以正常工作，但是当我将它与 Sidr 一起使用时，当我单击菜单按钮时，它会跳转到页面顶部。我还尝试从 Sidr 的onOpen和onClose事件中删除 bodyScrollLock，打开菜单，然后输入bodyScrollLock.disableBodyScroll();JavaScript 控制台，它仍然会将页面滚动到顶部，所以问题一定是 Sidr 显示菜单的方式。这是我用来打开 Sidr 并禁用正文滚动的代码：

任何想法如何阻止页面滚动到顶部？

（附带说明一下，如果 Sidr 有内置选项以在菜单可见时禁用正文滚动，那就太好了。）

我正在使用来自 react-bootstrap 的 Navbar 和 Nav。当我点击汉堡包时，我想防止下拉菜单打开时身体滚动。

我曾尝试使用 body-scroll-lock 但很难发现将哪个元素设置为 targetElement 以及在哪里调用 Navbar 组件中的 showtargetElement 和 hideTargetElement 函数。

我正在尝试在我的 magento 2 站点上使用 willmcpo/body-scroll-lock ，但我认为我没有正确包含 body-scroll-lock 库，因为它说：

TypeError: disableBodyScroll 不是函数

有谁知道这样做的正确方法是什么？

main.js

需要js-config.js

我真的在努力寻找一个干净的解决方案来解决 IOS 设备中的滚动问题。在我的 App.js 中，我只有背景主体和带有一些内容的模式。当显示模态时，我想阻止背景中的滚动（myBodyContent），并且仍然让模态组件中的滚动。我对 javascript 和 React 都很陌生，这对我一点帮助都没有。

我能找到的最干净的解决方案（据我所知）是body-scroll-lock 包，但似乎我无法成功使用它。这是我的代码：

应用程序.js

模态.js

模态CSS

使用上面的代码，一切都被锁定了，我既不能滚动模态也不能滚动 myBodyContent。

你能帮我理解我做错了什么吗？或者建议我用其他方法来达到同样的效果？

在此先感谢您的帮助。