私は現在使用しています 同位体 私のポートフォリオを整理する。 私は、同位体アイテム内に要素を配置し、これらの要素を固定された位置にすることに決めた場合、これらの要素は同位体アイテムのxおよびy位置を初期画面位置として使用することを発見しました。例えば、position:fixedとleft:0のように要素を配置すると、トップ:0;この要素は画面の左上隅に表示されません。代わりに、同位体アイテムの左上隅に表示されます。
私が遭遇するもう一つの問題は、同位体項目の内部の要素は独立していません。要素に他の同位体アイテムより大きなzインデックスを与えた場合、そのエレメントのZインデックスが100であり、すべての同位体アイテムのZインデックスが10である場合、「portfolio_display」はすべての同位体アイテムの後ろに表示されます。
私が達成しようとしていることを説明するには:
アイソトープのアイテムをクリック可能にしたいと思っています。アクティブにすると、フルスクリーンのポートフォリオディスプレイが表示され、画面を引き継ぎます。
私はライトボックス2のようなプラグインが動作することを知っています。 しかし、ポートフォリオの表示にライトボックス2よりも豊富な機能を持たせたいと思っています。ケーススタディ、イメージ、ビデオをフルスクリーンモードに入れたい、各スクリーンをWebページのようにフォーマットすることができます。だから、私の方法は、複数のフォーマットされたdivを同位体アイテムに入れ、ジャバスクリプト(自分で書いたもの)を使って可視性とスクロールを制御することです。この方法は、アイソトープを自分のポートフォリオに統合するまで機能します。
私はアイソトープが少し "ウェブページ"より大きな "ウェブページ"の内側にあるので、Zインデックスとそれ自身の内部の位置を指示します。私は同位元素の大きな機能性を損なうことなく、そのサブ要素に対する同意を無効にできるかどうかを知りたい。
ありがとうございました。
回答:
回答№1は1フル・ウインドウ表示のために、 このデモのモーダルオーバーレイ技法 あなたの目的に。プラグインは必要ありません。簡単な自作のモーダルとして使うのではなく、そこに表示したいものを置くことができます。