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

Question

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

提琴手

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

问题

我已经在 ios chrome 和 safari 浏览器中对此进行了测试。 似乎overflow: hidden无法正常工作。 我用谷歌搜索，发现我还需要添加position:fixed 。 使用它并且工作正常。 但是当我向下滚动一点并单击我的汉堡菜单时，它会工作但跳到顶部！

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

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

我有一点js，jquery知识。

但我有一个想法。 如何使用jquery .scrollTop()函数来存档？ 找到这个资源Jsfiddle

有什么帮助吗？

Answer 1

也许这个解决方案可以帮助你：

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

2-将父位置更改为相对位置

3-（可选）top:10px;left:10px;（大于或小于10）（滚动锁定）