smint固定导航插件

来源:https://www.sucaihuo.com/js/240.html 2015-08-20 09:18浏览(1094) 收藏

smint 是一个导航菜单固定插件。当页滚动时,导航菜单会固定在顶部;当点击菜单时,页面会平滑的滚动到对应的区域。
smint固定导航插件
分类:导航菜单 > 滚动菜单 难易:中级
查看演示 下载资源 下载积分: 20 积分

HTML

菜单结构如下:

<div class="section s1">
    <div class="inner">
        <h2>
            代码
        </h2>
    </div>
</div>
<div class="section s2">
    <div class="inner">
        <h2>
            素材
        </h2>
    </div>
</div>
<div class="section s3">
    <div class="inner">
        <h2>
            模板
        </h2>
    </div>
</div>
<div class="section s4">
    <div class="inner">
        <h2>
            教程
        </h2>
    </div>
</div>
<div class="section s5">
    <div class="inner">
        <h2>
            其他
        </h2>
    </div>
</div>

jQuery

$(function() {
    $('.subMenu').smint({
        scrollSpeed : 1000 //点击菜单时,页面滚动的速度,数值越小,速度越快
    });
});
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2