我目前正在使用同位素来组织我的投资组合。我发现如果我决定将元素放置在同位素项目中并使这些元素的位置固定,它们将不会在屏幕上固定移动。相反,这些元素将使用同位素项目的 x 和 y 位置作为初始屏幕位置。例如,如果我将元素放置为 position:fixed 和 left:0; 顶部:0;此元素不会显示在屏幕的左上角。相反,它将显示在同位素项目的左上角。
我遇到的另一个问题是同位素项内部元素的 z-index 不是独立的。如果我给元素一个比其他同位素项目更大的 z-index,假设元素的 z-index 为 100,并且所有同位素项目的 z-index 为 10,“portfolio_display”仍将显示在所有同位素项目的后面.
解释我想要实现的目标:
我想让同位素项目变得可点击,当它被激活时,一个全屏的投资组合显示将出现并接管屏幕。
我知道像 lightbox 2 这样的插件会起作用。但是,我希望我的作品集展示功能比灯箱 2 丰富得多。我想将案例研究、图像、视频置于全屏模式,并且每个屏幕都可以像网页一样格式。所以我的方法是将多个格式化的div放入一个同位素项中,并使用javescript(我自己写的)来控制它们的可见性和滚动。这种方法一直有效,直到我开始将同位素整合到我的投资组合中。
我想同位素在更大的“网页”内创建了一个小“网页”,因此它决定了 z-index 和它自己的内部位置。我想知道我是否可以在不破坏其强大功能的情况下禁用同位素对其子元素的听写。
谢谢你。