Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 现代移动浏览器上的边栏菜单和主要内容_Javascript_Html_Css - Fatal编程技术网

Javascript 现代移动浏览器上的边栏菜单和主要内容

Javascript 现代移动浏览器上的边栏菜单和主要内容,javascript,html,css,Javascript,Html,Css,当侧边栏菜单打开时,我试图通过在主内容中添加一个100%高度、隐藏溢出和绝对位置的类来避免在移动浏览器的主内容上滚动,但问题是,如果我向下滚动然后打开菜单,我会自动移动到页面顶部,而不会停留在打开侧边栏之前的位置。我不知道出了什么问题 我尝试了一些解决方案,比如保存位置,然后强制窗口始终保持在该位置,直到侧边栏关闭,但我确信有一种更干净的方法可以做到这一点 谁有更好的主意 多谢各位 °我认为这种技术被称为非画布您必须将侧边栏放在页面顶部,这就是为什么它会滚动到顶部。要解决这个问题,只需使用位置:

当侧边栏菜单打开时,我试图通过在主内容中添加一个100%高度、隐藏溢出和绝对位置的类来避免在移动浏览器的主内容上滚动,但问题是,如果我向下滚动然后打开菜单,我会自动移动到页面顶部,而不会停留在打开侧边栏之前的位置。我不知道出了什么问题

我尝试了一些解决方案,比如保存位置,然后强制窗口始终保持在该位置,直到侧边栏关闭,但我确信有一种更干净的方法可以做到这一点

谁有更好的主意

多谢各位


°我认为这种技术被称为非画布

您必须将侧边栏放在页面顶部,这就是为什么它会滚动到顶部。要解决这个问题,只需使用位置:绝对