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

你可以试试

float:right;

将该对象漂浮在您的窗口旁边。不过，您需要在此处发布整个代码，以便我告诉部门标签的位置。否则，您可以在W3Schools搜索浮动属性

于 2012-02-11T09:29:07.610 回答
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

非常感谢各位的回答！非常感激。

@ali-youhannaei 的回答让我想到了使用以下代码：

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

left:x;为postion:absolute;Window S设置。这将起作用。

于 2012-02-13T11:06:55.357 回答