Javascript 在卷轴上滑动一个Div

我想让我的标题内容（徽标）在滚动时向左滑动，将固定菜单保留在左侧。我已经让内容消失了，但幻灯片本身是从上到下的，这使得它看起来只是一个较长的滚动，而不是一个幻灯片效果

我试图完成的是类似于此标题或类似的内容：

正如您所看到的，一旦您滚动标题，它就会很好地向左滑动，留下一个固定的菜单挂起

这是我到目前为止一直在使用的代码：

<script>
$(window).scroll(function () { 
    if ($(this).scrollTop() > 80) {
        $("#header_content").hide(300);
    } else {
       $("#header_content").show(300);
    }
});
</script>

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>80）{
$（“#标题_内容”）.hide（300）；
}否则{
$（“#标题内容”）。显示（300）；
}
});

代码使div消失，但不会向左滑动。

您可以使用jquery ui

$('#header_content').hide("slide", {direction: "right" }, 1000);

阅读文档了解更多信息。

尝试使用

$("#header_content").animate(function(){
    right: 9999;
}, 300});

将css

right

属性设置为9999，然后再次设置为0。您需要在CSS中将

position

设置为非静态的值，才能使其正常工作

来源