带有slideToggle滚动问题的固定位置标头

Question

我有一个标题导航栏，当用户滚动页面的内容时，我想把它放在页面的顶部。Nav栏只是一个徽标，您单击它可以通过jQuery的slideToggle().显示实际的导航元素(或链接)当您以一种方式向下滚动页面，并单击以切换Nav栏时，单击操作将用户带回到页面的顶部。

$(document).ready(function() {
    $("#show-main").click(function() {
        $(".main-navigation").slideToggle("slow");
    });
});

这是我的小提琴。

我希望能够打开Nav栏，从它所在的位置滚动下来的页面，而不是让它“弹出”回到页面的顶部。任何建议或链接或帮助我指出正确的方向将是可怕的！谢谢。

Answer 1

这对我有用！

$(document).ready(function () {
    $("#show-main").click(function () {
        event.preventDefault();
        $(".main-navigation").slideToggle("slow");
    });
});