如何停止位置：固定跳到顶部

Question

我正在为我的网站开发汉堡包侧边栏菜单。这是我目前的工作。

Jsfiddle

我只想在汉堡菜单扩展时停止滚动。因此，在菜单展开时，我在正文中添加了overflow: hidden。 （单击切换为正文元素$('body').toggleClass('scroll-lock');）

问题

我已经在chrome浏览器和Safari浏览器的ios中对此进行了测试。似乎overflow: hidden不能正常工作。我在Google上搜索了一下，发现我还需要添加position:fixed。用那个，工作正常。但是，当我向下滚动并单击我的汉堡菜单时，它可以工作，但跳到顶部！

我用Google搜索并尝试了很多次，但没有使用任何纯CSS方法。

.scroll-lock{
  overflow: hidden;
  position: fixed;
}

我对js，jquery有一点了解。

但是我有个主意。如何使用jquery .scrollTop()函数对此进行存档？找到了此资源Jsfiddle

有帮助吗？

Answer 1

也许此解决方案可以帮助您：

1-将位置从固定更改为绝对（滚动锁定）

2-将父母的位置更改为亲戚

3-（可选）顶部：10像素；左侧：10像素；（大于或小于10）（滚动锁定）