2

複雑な要素を持つプロジェクトに取り組んでおり、ソリューションとしてFancyboxを使用できると思いますが、意図したものとは少し異なる方法で使用する必要があります。

通常、fancyboxは画面の中央に自動的に配置されます。私が達成する必要があるのは、非常に特定の場所にfancyboxオーバーレイを配置し、画面の幅に関係なくそこにとどまるようにすることです。

jqueryを書き直してページ上の固定座標に設定する方法はありますか？

編集

さて、私は次のことをしました

#fancybox-wrap {
display: none;
left: 40% !important;
outline: medium none;
padding: 20px;
position: absolute;
top: 100px !important;
z-index: 1101;
right: 61% !important;

}

動きはほぼ完璧ですが、画面のサイズを変更すると若干の動きがあります。

どうすればそれを本当にそこに閉じ込めることができるのか、何かアイデアはありますか？

4

1 に答える 1

1

jquery.fancybox.js でこの行を見つけて特定の div 内に配置し、appendTo を選択した div に変更することもできます。.fancybox-overlay の位置を固定から絶対に変更する必要があります。そのdiv内に配置します。

this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( ".yourdiv" );
于 2013-08-17T19:29:53.090 に答える