Javascript 当鼠标悬停在另一个元素上时，如何向上滚动div

我的页脚后面有一个绝对div。当我将鼠标悬停在另一个元素（#snapchat）上时，我希望绝对div从页脚后面向上滚动，并停在页脚上方可以看到的位置。我该怎么做

.snapcode页脚{
位置：绝对位置；
填充顶部：20px；
文本对齐：居中；
左：0；
右：0；
}
.子页脚{
位置：相对位置；
z指数：1；
背景色：#F7F7F7；
填充顶部：35px；
垫底：20px；
}
.子页脚{
位置：相对位置；
z指数：1；
背景色：#edeef；
边际上限：0px；
}

我将重新定位您的

div.snapcode

页脚，并将css属性应用于

#snapchat:hover~。snapcode页脚。希望这对您有所帮助：）

.snapcode页脚{
位置：绝对位置；
填充顶部：90px；
文本对齐：居中；
左：0；
右：0；
}
.子页脚{
位置：相对位置；
z指数：1；
背景色：#F7F7F7；
填充顶部：35px；
垫底：20px；
}
.子页脚{
位置：相对位置；
z指数：1；
背景色：#edeef；
边际上限：0px；
}
#snapchat:hover~。snapcode页脚{
z指数：999；
颜色：绿色；
位置：相对位置；
边缘底部：100px；
左边距：50像素；
}

我建议为snapcode页脚提供一个id，以便于控制

<div class="snapcode-footer" id="snapcode">

var-hover=0；

然后在snapchat上制作脚本

最后，创建一个脚本，说明鼠标是否悬停在#snapchat元素上以增加高度或停留在一个位置

<script>
setInterval("if(hover == 1){snapcode.top--}");
setInterval("if(hover == 0){snapcode.top = 0}");
</script>

setInterval（“if（hover==1）{snapcode.top--}”）；
setInterval（“if（hover==0）{snapcode.top=0}”）；

你想让它在每次鼠标悬停时都上升，还是在鼠标悬停时一次上升？我想。snapcode footer在每次有人悬停在snapchat上时都上升，然后在他们不再悬停在它上面时落在页脚后面。经过几次调整后，效果非常好。我必须学习更多关于在css中使用“~”的知识。谢谢