Question

我正在使用jQuery.LocalScroll插件，以允许我的网站访问者使用流畅的滚动效果浏览我的网站。它与原始标题菜单配合得很好。但我正在尝试使用克隆标头。这是代码：

$('.sf-menu').localScroll({lazy: true});

if($('header.header-sticky').length == 0) {
    $('[data-sticky-header="true"]').before($('[data-sticky-header="true"]').clone().addClass("header-sticky"));
}

这是HTML标记

<header class="op_style" data-sticky-header="true">
    <div class="clearfix header-desktop">

            <div class="large-3 medium-3 columns">
                    <div class="site-logo">
                            <h1><a href="#" rel="home">Logo</a></h1>
                    </div>
            </div>

            <div class="large-9 medium-9 columns">
                    <nav class="main-nav">
                            <ul id="menu-for-one-page-portfolio" class="sf-menu right">
                                <li><a href="#hello">Home</a></li>
                                <li><a href="#services">Services</a></li>
                            </ul>              
                    </nav>
            </div>
    </div>
</header>

Answer 1

尝试使用.clone（true） - 它克隆一个包含所有事件处理程序的元素

jQuery.LocalScroll不使用克隆菜单

1 个答案: