Javascript 如何移动对面的元素？html、css、js

我有以下代码：

$（文档）。滚动（函数（）{
var scroll=$（this.scrollTop（）；
如果（滚动>=150）{
$（“#弹出窗口”）.css（“左边距”，“-425px”）；
$（“#plus”）.css（“左边距”、“0px”）；
}
});
$（“#plus”）。单击（函数（）{
$（“弹出窗口”）.css（“左边距”、“0px”）；
$（“#plus”）.css（“左边距”，“-425px”）；
});
$（“#关闭”）。单击（函数（）{
$（“#弹出窗口”）.css（“左边距”，“-425px”）；
$（“#plus”）.css（“左边距”、“0px”）；
});
*{
保证金：0；
字体系列：“源Sans-Pro”，无衬线；
}
#暗背{
宽度：100%；
高度：100vh；
背景：rgba（76,56,75,15）；
}
#弹出窗口{
位置：固定；
最大宽度：350px；
身高：225px；
背景：rgba（236240241,1）；
边框：7px实心#fff；
底部：0；
左边距：0；
-webkit过渡：所有1s轻松；
-moz转换：所有1秒轻松；
-o-过渡：所有1容易；
过渡：所有的1容易；
}
#新跨度{
背景：#fff；
位置：绝对位置；
颜色：#1c8dc4；
填充：4px10px；
字体大小：16px；
字号：600；
字母间距：1px；
页边顶部：-5px；
}
#弹出，关闭{
颜色：#4646；
右：8px；
顶部：0px；
位置：绝对位置；
字体大小：20px；
光标：指针；
}
#弹出窗口h2{
字号：17px；
颜色：#4646；
线高：24px；
字体大小：400；
文本对齐：居中；
边缘顶端：40px；
填充：0 20px；
}
#身体{
高度：1200px；
背景：#eee；
}
a、 钮扣{
保证金：0自动；
文本对齐：居中；
右：0；
左：0；
位置：绝对位置；
宽度：120px；
字体大小：15px；
颜色：#fff；
边框底部：2倍实心#18729f；
背景：#1c8dc4；
边界半径：4px；
填充：8px0；
}
#加上{
位置：固定；
颜色：#fff；
底部：15%；
字体大小：15px；
左边距：-425px；
-webkit过渡：所有1.25秒轻松；
-moz转换：所有1.25秒的易用性；
-o型过渡：所有1.25秒的轻松度；
过渡：全部1.25秒缓解；
光标：指针；
文本对齐：左对齐；
字母间距：1px；
}
#正跨度{
位置：绝对位置；
边缘顶部：38px；
左：4px；
}
#之后{
内容：''；
显示：块；
显示：相对；
边框顶部：55px实心透明；
边框底部：55px实心透明；
左边框：55px实心#1c8dc4；
}
@全部和全部介质（最大宽度：900px）{
#弹出窗口{
左边距：-425px；
}
#加上{
左边距：0px；
}
}

新的！
我是一个通知弹出窗口，不会太分散你的注意力或在你面前。向下滚动或关闭我，我将离开。以后你还是可以打开我的，别担心。


新的

当使用元素的固定定位时，我建议您使用右/左规则进行偏移

在jquery中，我将所有左边距更改为右边距。我在css中也做了同样的事情。正是这些规则处理了流离失所问题。另外，为了旋转三角形，我采用了规则
右边框：55px solid#1c8dc4
表示
#plus:：after


$（文档）。滚动（函数（）{
var scroll=$（this.scrollTop（）；
如果（滚动>=150）{
$（“#弹出窗口”）.css（“右”和“-425px”）；
$（“#plus”）.css（“右”，“0px”）；
}
});
$（“#plus”）。单击（函数（）{
$（“弹出窗口”）.css（“右”、“0px”）；
$（“#plus”）.css（“右”，“-425px”）；
});
$（“#关闭”）。单击（函数（）{
$（“#弹出窗口”）.css（“右”和“-425px”）；
$（“#plus”）.css（“右”，“0px”）；
});
*{
保证金：0；
字体系列：“源Sans-Pro”，无衬线；
}
#暗背{
宽度：100%；
高度：100vh；
背景：rgba（76,56,75,15）；
}
#弹出窗口{
位置：固定；
最大宽度：350px；
身高：225px；
背景：rgba（236240241,1）；
边框：7px实心#fff；
底部：0；
右：-425px；
-webkit过渡：所有1s轻松；
-moz转换：所有1秒轻松；
-o-过渡：所有1容易；
过渡：所有的1容易；
}
#新跨度{
背景：#fff；
位置：绝对位置；
颜色：#1c8dc4；
填充：4px10px；
字体大小：16px；
字号：600；
字母间距：1px；
页边顶部：-5px；
}
#弹出，关闭{
颜色：#4646；
右：8px；
顶部：0px；
位置：绝对位置；
字体大小：20px；
光标：指针；
}
#弹出窗口h2{
字号：17px；
颜色：#4646；
线高：24px；
字体大小：400；
文本对齐：居中；
边缘顶端：40px；
填充：0 20px；
}
#身体{
高度：1200px；
背景：#eee；
}
a、 钮扣{
保证金：0自动；
文本对齐：居中；
右：0；
左：0；
位置：绝对位置；
宽度：120px；
字体大小：15px；
颜色：#fff；
边框底部：2倍实心#18729f；
背景：#1c8dc4；
边界半径：4px；
填充：8px0；
}
#加上{
位置：固定；
颜色：#fff；
底部：15%；
字体大小：15px；
右：0px；
-webkit过渡：所有1.25秒轻松；
-moz转换：所有1.25秒的易用性；
-o型过渡：所有1.25秒的轻松度；
过渡：全部1.25秒缓解；
光标：指针；
文本对齐：左对齐；
字母间距：1px；
}
#正跨度{
位置：绝对位置；
边缘顶部：38px；
右：2px；
}
#之后{
内容：''；
显示：块；
显示：相对；
边框顶部：55px实心透明；
边框底部：55px实心透明；
右边框：55px固体#1c8dc4；
}
@全部和全部介质（最大宽度：900px）{
#弹出窗口{
右：-425px；
}
#加上{
右：0px；
}
}

新的！
我是一个通知弹出窗口，不会太分散你的注意力或在你面前。向下滚动或关闭我，我将离开。以后你还是可以打开我的，别担心。


新的

当使用元素的固定定位时，我建议您使用右/左规则进行偏移

在jquery中，我将所有左边距更改为右边距。我在css中也做了同样的事情。正是这些规则处理了流离失所问题。另外，为了旋转三角形，我采用了规则
右边框：55px solid#1c8dc4
表示
#plus:：after


$（doc）