javascript - 使 Div 在滚动时滑开

Question

我想让我的标题内容( Logo )在滚动时向左滑动，留下固定菜单。我已经让内容消失了，但幻灯片本身是从上到下的，这使得它看起来像是一个更长的滚动，而不是滑开效果。

我想要完成的是类似于此标题或类似标题的内容:http://lifeinthegrid.com/simple-css-fixed-header/

如您所见，一旦滚动，标题就会向左滑动并留下一个固定的菜单。

这是我目前使用的代码:

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

代码使 div 消失，但没有很好地向左滑动。

Answer 1

你可以使用 jquery ui。

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

阅读文档以获取更多信息。