0

チュートリアルの URLに従って、ポップアップを機能させました。

ただし、注意点が 1 つあります。ポップアップするページが非常に長い場合があります。チュートリアルのコードでは、中央にポップアップしています。垂直方向では、これは受け入れられません。私はそれを中央にポップアップさせようとしていますが、一番上にあります。top: 0px; を使用しました。テスト目的で左: 0px; （および他のいくつか）しかし、それは問題ではないようです。常に中央にポップアップします。

ここで私が行った最新のものを見ることができます

何か不足していますか？

4

3 に答える 3

0

問題は、ポップアップを発生させるために使用しているスクリプトがスタイルをインラインでポップアップに直接適用しているため、CSS で top と left の値が無視されていることです。したがって、そのスクリプトを調べて、スタイルを適用している場所を見つけて、そこで変更する必要があります。

于 2012-07-26T05:06:18.867 に答える
0

あなたのテクニックは非常に古く、正しい方法ではありません!

あなたの場合、中心位置を計算するためにページの高さと幅を考慮しました。次のように変更できる場合：

popUpDiv.style.top = '10%';

試してみて、私に知らせてください。

最良の提案: jQuery を使用してください。:)

しかし、私が従ったのは、さらに単純なクィネスからのものです。

チュートリアル: シンプルな jQuery モーダル ウィンドウのチュートリアルとライブ デモ。

それが役に立てば幸い！:)

于 2012-07-26T05:06:49.440 に答える
0

cssfor #popUpDivdoを実行するtop : 0 !importantと、上部にポップアップ ボックスが表示されます。これは、JavaScript がtop位置を計算し、CSS スタイルを上書きしているためです。お役に立てれば。

于 2012-07-26T05:16:41.767 に答える