首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >固定正文位置后,停止页面顶部

固定正文位置后,停止页面顶部
EN

Stack Overflow用户
提问于 2019-06-28 07:36:29
回答 1查看 104关注 0票数 0

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

我在这里搜索了很多,但我不知道如何在添加固定到正文的位置后阻止我的页面转到顶部。

我想要的和这个类似,但是我不能让它工作Prevent page scrolling to top upon adding fixed position

让我把话说清楚。当我的移动菜单打开时,我想要使正文不可滚动(固定),但添加位置固定会使我的页面转到顶部。

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行),菜单栏打开时,下面的页面会滚动回到顶部...A我想让它在当前位置不可滚动--> https://imgshare.io/image/SQzVZ

我知道这可以与一些javascript一起工作,我已经尝试了网站上的许多javascript,但我做不到。如果你能帮助我,我将不胜感激。

EN

回答 1

Stack Overflow用户

发布于 2019-06-28 08:10:40

只需在position: fixed;上添加overflow: hidden;以防止滚动,而不是html。最终touch-action: none; pointer-events: none;也是如此。

html {
    overflow-x: hidden;
    overflow-y: auto;
}

html.is-menu-toggled-on {
    overflow: hidden;
    pointer-events: none;
    touch-events: none;
}

body {
    overflow: visible;
    pointer-events: all;
    touch-events: auto;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56799497

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档