【问题标题】:Fixed position header with slideToggle scrolling issue修复了带有 slideToggle 滚动问题的位置标题
【发布时间】:2013-12-04 23:04:53
【问题描述】:

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

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

这是我的jsfiddle

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

【问题讨论】:

    标签: jquery header css-position slidetoggle


    【解决方案1】:

    这对我有用!

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

    【讨论】:

    • 就是这么简单!非常感谢!
    猜你喜欢
    • 2018-12-11
    • 2012-10-17
    • 2017-07-11
    • 2013-06-18
    • 1970-01-01
    • 1970-01-01
    • 2012-12-11
    • 2013-02-05
    • 2016-10-29
    相关资源
    最近更新 更多