Question

我有一个div（#slider），我正在使用position：absolute;允许它跨越屏幕的宽度而不必破坏我的包装器代码。但是，我有一个菜单，可以在使用jQuery slideToggle点击“work”div时切换。我想调整绝对定位元素的“顶部”属性，以便在我的菜单向下滑动时向下移动。

可在http://osephj.com/dev/

直播查看

这都是使用自适应媒体查询，因此显然由jQuery点击触发的CSS需要在其中进行媒体查询，因此最高位置将适用于所有屏幕尺寸。

现在，切换菜单的代码是：

    <script type="text/javascript">
 $(document).ready(function() {
$('#worktoggle').click(function(){
     $('div.slider').css('top', 700);
     $('div.work').slideToggle(600,'swing');
     return false;
   });
});
</script>

现在重新定位.slider div，但我需要能够更改每种媒体大小的值。此外，我希望它与菜单下降的600速度的“摆动”过渡相匹配。基本上，如果它是在同一父元素中跟随我的“工作”UL的块元素，它将如何行动。

Answer 1

css方法可能就是你想要的。

$('#').css('top', 1000);

或addClass和removeClass将您自己的类添加到元素中。

您可能希望查看转换的slideDown动画方法。

您希望在点击功能中添加此代码，因为您希望它更改为onclick。

$('#worktoggle').click(function(){
    $('div.toMove').css('top', 100);
    $('div.work').slideToggle(600,'swing');
     return false;
});

使用jQuery单击更改绝对定位元素的“顶部”css

1 个答案: