头像

鼠标滚动自动根据高度切换楼层效果

2019-11-06 10:24:24 收藏 来源:it素材网   浏览(289)   评论 ( 0 )   

鼠标滚动自动根据高度切换楼层效果
常用的根据高度自动切换效果 简单 下载下来之后可以直接是用 兼容性好 不存在兼容问题
查看演示 下载资源:1 下载资源 下载积分:30

鼠标滚动的时候,自动 根据高度 来添加属性进去切换楼层

下面附上核心代码

看完整的 可以下载文件

$(window).scroll(function() {
    var top = $(document).scrollTop(); //定义变量,获取滚动条的高度
    var menu = $("#menu"); //定义变量,抓取#menu
    var items = $("#content").find(".item"); //定义变量,查找.item
    var curId = ""; //定义变量,当前所在的楼层item #id 
    items.each(function() {
        var m = $(this); //定义变量,获取当前类
        var itemsTop = m.offset().top; //定义变量,获取当前类的top偏移量
        if (top > itemsTop - 10) {
            curId = "#" + m.attr("id");
        } else {
            return false;
        }
    });


标签: 鼠标滚动切换
声明:转载请注明来源(it素材网)并保留原文链接:https://www.itsucai.com/js/152.html
评论0

后面还有条评论,点击查看>>

系统已开启自动识别垃圾评论机制,识别到的自动封号!!!