如果第二个 html 元素位于第一个 html 元素上方，如何移动该元素

How to move the first html element if the second html element is over it

本文关键字：元素 html 何移动 移动 第二个 第一个 如果      更新时间：2023-09-26

对不起，我的英语:)不好

1）侧边栏向右移动（开始左侧位置= -270，结束位置= 0）;

2）标题包含带有位置：绝对的徽标

如果侧边栏位于徽标上方，如何将徽标div 向右移动？

<div class="logo">
<img src="http://placehold.it/70x70">
</div>
<div class="sidebar">
Menu item 1<br/>
Menu item 2<br/>
Menu item 3<br/>
Menu item 4<br/>
Menu item N<br/>
</div>

.logo {
  position:absolute;
  left:220px;
  z-index:2;
}
.sidebar {
  background-color:blue;
  height:350px;
  width:270px;
  position:absolute;
  left:-260px;
}

$( document ).ready(function() {
    $(".sidebar").click(function() {
        $(".sidebar").animate({left: "0px"}, 500);
  });
});

https://jsfiddle.net/6ybj4dzn/

看看我设置的这个简单示例：https://jsfiddle.net/0oon722z/

仅添加了以下行：

  $(".logo").animate({left: $(".sidebar").width()}, 500);
相关文章：