jquery京东新版左侧下拉分类导航菜单代码3812

最近更新于 两年前

$('.all-sort-list > .item').hover(function () {
            var eq = $('.all-sort-list > .item').index(this),
				h = $('.all-sort-list').offset().top,
				s = $(window).scrollTop(),
				i = $(this).offset().top,
				item = $(this).children('.item-list').height(),
				sort = $('.all-sort-list').height();

            if (item < sort) {
                if (eq == 0) {
                    $(this).children('.item-list').css('top', (i - h));
                } else {
                    $(this).children('.item-list').css('top', (i - h) + 1);
                }
            } else {
                if (s > h) {
                    if (i - s > 0) {
                        Bug,
                            $(this).children('.item-list').css('top', (s - h) + 2);
                    } else {
                        $(this).children('.item-list').css('top', (s - h) - (-(i - s)) + 2);
                    }
                } else {
                    $(this).children('.item-list').css('top', 3);
                }
            }

            $(this).addClass('hover');
            $(this).children('.item-list').css('display', 'block');
        }, function () {
            $(this).removeClass('hover');
            $(this).children('.item-list').css('display', 'none');
        });

        $('.item > .item-list > .close').click(function () {
            $(this).parent().parent().removeClass('hover');
            $(this).parent().hide();
        });
      立即下载 ( 文件大小:0.05 M)

    浏览器兼容性

    1. IE 8
    2. IE 9
    3. Mozilla Firefox
    4. Google Chrome
    5. Oper
    6. Safari

    技术讨论区

    1. fisher1

      fisher

      多谢分享!赞

      2016-07-25 09:05:09| 回复

    2. 请先登录

        发 布

    键盘快捷键: 上一个 下一个