修复了带有slideToggle滚动问题的位置标题

时间:2013-12-04 23:04:54

标签: jquery header css-position slidetoggle

我有一个页眉导航栏,当用户滚动页面的内容时,我想将其粘贴在页面顶部。导航栏只是一个徽标,您单击它以通过jQuery的 slideToggle()显示实际的导航元素(或链接)。当您向下滚动页面时,单击以切换导航栏,单击操作会将用户带回页面顶部。

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

这是我的jsfiddle

我希望能够在向下滚动页面后从它所在的位置打开导航栏,而不是将其“弹出”回到页面顶部。任何建议或链接或帮助指出我正确的方向将真棒 !!!!感谢。

1 个答案:

答案 0 :(得分:2)

这对我有用!

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