1

jQueryanimate()関数でスライディング(S)ウィンドウを作りました。つまり、左右にスライドします。

$.animate({width:'toggle', opacity:'toggle'},2000,'swing',function(){
    // ...
})

開いたときに次の CSS を使用します。

position:absolute;
height: 496px;
width: 694px;
left:36px;
top:124px;

私が直面している問題は、幅が異なる画面では、ウィンドウが異なる場所から始まることです。別のウィンドウ (A) に隣接して表示することになっています。私のラップトップでは問題なく動作します。クライアント側では、ウィンドウAの半分に重なっています。原因position:absolute;だと思いますが、解決方法がわかりません。助けてください！ありがとう！

4

5 に答える 5

2

異なるサイズの画面には異なる解像度があります。したがって、あなたのコンピューターでは 100px が画面の中心かもしれませんが、他の人ではそうではないかもしれません。px の代わりに % を使用すると、より適切に機能する場合があります。

于 2012-02-11T09:11:05.280 に答える
1

$("body").height();およびを使用 し$("body").scrollTop()て、表示するページのクライアント ウィンドウの高さと位置を取得することもできます。コードには、スライドの高さがあります。それらからスライドの高さを減らします。ページの中央にスライドを表示できるようになりました。このような：

var top = $("body").scrollTop() + ((parseInt($("body").height()) - slideHeight) / 2);
于 2012-02-11T09:44:00.993 に答える
0

答えてくれてありがとう！とても有難い。

@ali-youhannaei's Answer から、次のコードを使用するというアイデアが得られました。

var pos = jQuery("#div_a").offset(); // Window A's position
var x = pos.left + jQuery("#div_a").width(); // Window S's position

Windows S 用に設定left:x;します。これで動作します。postion:absolute;

于 2012-02-13T11:06:55.357 に答える
0

アニメーションまたは position:absolute プロパティが適用されるこの div に親 div がある場合は、position:relative を適用します。

<div class="wrapper">
  <div class="slider"></div>
</div>

css:
.wrapper{ position:relative;}
.slider{
position:absolute;
height: 496px;
width: 694px;
left:36px;
top:124px;
}
于 2012-02-11T10:46:52.417 に答える
0

あなたは試すことができます

float:right;

そのオブジェクトをウィンドウのすぐ横に浮かせます。ただし、分割タグの配置を伝えるために、ここにコード全体を投稿する必要があります。それ以外の場合は、W3Schoolsで float プロパティを検索できます。

于 2012-02-11T09:29:07.610 に答える