brand.js 1.29 KB
/**
 *  品牌一览
 * @author: liangzhifeng<zhifeng.liang@yoho.cn>
 * @date: 2015/10/23
 */

var $ = require('yoho.zepto'),
    Swiper = require('yoho.iswiper'),
    lazyLoad = require('yoho.zeptolazyload');

var swiper,
    $brandList = $('.brand-list');

swiper = new Swiper('.swiper-container', {
    lazyLoading: true,
    loop: true,
    autoplay: 3000,
    pagination: '.swiper-pagination .pagination-inner'
});

lazyLoad($('img.lazy'));
$('.yoho-header').css({
    'z-index': 2,
    position: 'fixed'
});
$('.banner-top').css('padding-top', '90px');

if ($brandList.length > 0) {
    $(window).scroll(function() {
        var scrTop = $(window).scrollTop(),
            searchH = $('.newbrand-search').height(),
            headerH = $('.yoho-header').height(),
            brandSwipe = parseInt(searchH) + parseInt(headerH);

        $('.brand-list').each(function() {
            var offTop = $(this).offset().top - brandSwipe;

            if (scrTop >= offTop) {
                $brandList.find('.title-bar').css('position', 'static');
                $(this).find('.title-bar').css({
                    position: 'fixed',
                    top: brandSwipe
                });
            } else {
                $(this).find('.title-bar').css('position', 'static');
            }
        });
    });
}