页面从顶部到整个中部停止

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (7)

您好,这是我的第一篇文章。

我在这里搜索了很多但我无法弄清楚如何在添加固定到身体的位置后停止我的页面到顶部。

我想要的是类似于此但我无法使其工作在添加固定位置时防止页面滚动到顶部

让我说清楚。当我的手机菜单打开时,我想让身体不可滚动(固定)但添加位置固定使我的页面到达顶部。

CSS

.site-navigation { position: fixed; width: 100%; }
@media screen and (max-width: 991px) {
.is-menu-toggled-on .nav-menu {  
    height: 400px;
    overflow-y: scroll;
    overflow-x:hidden;} 

.is-menu-toggled-on body
    {
    position: fixed;
    overflow: hidden;
    width: 100%
    }

看这里。每当我按下汉堡菜单图标(3行)并打开菜单栏时,页面底部会滚动回到顶部...我想让它在当前位置不可滚动 - > https://imgshare.io/image / SQzVZ

我知道这可以使用一些javascript我已经从网站上尝试了很多但我无法做到。如果你可以帮助我,我会非常感激。

提问于
用户回答回答于

而不是position: fixed;仅仅添加overflow: hidden;HTML以防止滚动。最终touch-action: none; pointer-events: none;也是。

扫码关注云+社区

领取腾讯云代金券