我想让我的标题内容( 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 消失,但没有很好地向左滑动。
最佳答案
你可以使用 jquery ui。
$('#header_content').hide("slide", {direction: "right" }, 1000);
阅读文档以获取更多信息。
关于javascript - 使 Div 在滚动时滑开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25471317/