繁体   English   中英

溢出-无法在身体上正常工作

Overflow-y not working properly on div upon body

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我在容器中居中放置了一个简单的div,如下所示:

.popup-fixed-info{
    position:fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    overflow-y:scroll;
    max-height:80%;
    visibility:hidden;
    opacity:0;
    z-index:10;
}

在元素上单击,我将此简单的jQuery函数称为

function open_popup(class_to_open) {
  $('.popup-fixed-info').css("visibility", "visible");
  $('.popup-fixed-info').css("opacity", "1");
}

想法是,当我滚动'.popup-fixed-info'div时,背景滚动而不是div本身。

1 个回复

要解决此问题,您需要隐藏身体溢出。 在jQuery中执行此操作:

function open_popup(class_to_open) {
  $('.popup-fixed-info').css("visibility", "visible");
  $('.popup-fixed-info').css("opacity", "1");
  $('body').css("overflow", "hidden");
}

然后在关闭弹出窗口时将其删除。 无论您有什么功能。

$('body').css("overflow", "auto");
1 隐藏溢出无法在身体上的移动设备上工作

我有一些设置溢出的jQuery:在打开模式时将其隐藏到html主体中。 在所有桌面浏览器上都可以正常工作。 但是,这不适用于移动设备。 根据我的阅读,由于某种原因,当移动浏览器位于body标签内时,overflow:hidden会被移动浏览器忽略。 我读过将您的内容包装在一个di ...

2014-12-16 23:47:52 2 1833   html/ css
2 无法获得onClick功能以在身体上工作

我试图将正文内容推向右侧,但是,出于某种原因,我似乎根本无法使我的正文变量与onClick函数一起使用。 我以为只有'(document.body)'可以与on('click',function())一起使用,但这似乎并非如此吗? 请参阅下面的代码以及jsfiddle,在此先感谢您的见解! ...

5 通过单击菜单将溢出设置为隐藏在身体上

我试图编写一段代码,以将body标签设置为overflow: hidden ,当有人打开菜单时(该菜单为全屏菜单)。 当用户单击关闭时,还应该将其设置回auto 。 我的问题是,将其设置为隐藏,但是在关闭菜单时不要将其重置为自动。 我究竟做错了什么? Java脚本 的HTML ...

6 溢出:在ios6中隐藏在身体上

我已经做了一些测试,从我可以看到ios6上的移动Safari中存在一个错误。 添加overflow:hidden在body标签上并使用transform:translateX(100%);将元素移出正文transform:translateX(100%); 它为该元素创建了一个额外的可滚 ...

7 CSS Sticky Left不会粘在身体上

我正在一个页面上尝试用Excel术语冻结“左”列。 当用户向右滚动时,左列需要保持可见。 整个页面使用的是div,而不是表格。 我使用CSS冻结最左边的div: 当我滚动到某个点时,它似乎起作用了。 但最终消失了,内容从屏幕延伸了许多英寸。 一旦我越过原始内容,粘性div就会消 ...

8 libgdx-无法让精灵出现在身体上

因此,我尝试了几种不同的方式将精灵放置在我的硬币主体上,但没有成功。 最初,我只是尝试在其上贴上纹理,但这没有用。 然后,我尝试使用纹理打包器和地图集来查看是否有帮助。 这是我的代码: 它扩展了此类: 任何帮助将不胜感激! 谢谢! ...

10 在身体上使用扳机

我在插件JS文件中设置了一个变量,在我自己的自定义JS文件中,我在开发人员的工作中调用相同的事件来打包。 问题是我需要访问插件javascript事件中设置的变量。 当前在插件JS中的设置如下: 现在,在我自己的自定义JS中,我在#link上调用相同的方法来添加自己的代码以执行。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM