html - 为什么固定灯箱会附加到页面顶部而不是视口(viewport)顶部?

标签 html css

On this page ,如果您向下滚动一点然后单击其中一个艺术作品,您将看到“固定”灯箱将自身附加到页面顶部而不是视口(viewport)顶部。如何使其附加到视口(viewport)?

最佳答案

我发现了问题。正文具有以下 CSS 样式:

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;

当我把它取出来时,固定的 div 开始正常运行!

关于html - 为什么固定灯箱会附加到页面顶部而不是视口(viewport)顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40392007/

相关文章:

html - 单击链接返回页面顶部

html - 如果进程正在我的网页上运行,如何显示?

html - 使多个输入对象适合内联而不换行/水平滚动条

javascript - 将变量放置在重定向链接中

jquery - Bootstrap 导航栏下拉列表 - 地理完整建议出现在表单后面

javascript - 将 JavaScript 和 CSS 作为二进制文件从服务器传输到客户端的可行性?

c# - 悬停时菜单跳转

html - 如何强制缩略图向右溢出而不是在下方

javascript - Twitter Bootstrap 2.0.4 Modal - 如何将模式淡入淡出效果应用于新创建的模式类样式?

html - 为什么内联 block div 彼此对齐不均匀?