将CSS CLIP属性应用在：扩展覆盖效果

clip ： supportTransitions ？ clipPropFirst ： clipPropLast，

opacity ： 1，

zIndex： 9999，

pointerEvents ： ‘auto’

} ）;

if（ supportTransitions ） {

$overlay.on（ transEndEventName， function（） {

$overlay.off（ transEndEventName ）;

setTimeout（ function（） {

$overlay.css（ ‘clip’， clipPropLast ）.on（ transEndEventName， function（） {

$overlay.off（ transEndEventName ）;

$body.css（ ‘overflow-y’， ‘hidden’ ）;

} ）;

}， 25 ）;

} ）;

}

else {

$body.css（ ‘overflow-y’， ‘hidden’ ）;

}

} ）;

。。.

} ）;

。。.

}

function getItemLayoutProp（ $item ） {

var scrollT = $window.scrollTop（），

scrollL = $window.scrollLeft（），

itemOffset = $item.offset（）;

return {

left ： itemOffset.left - scrollL，

top ： itemOffset.top - scrollT，

width ： $item.outerWidth（），

height ： $item.outerHeight（）

};

}

希望这个详细讲解能对大家有帮助！具体内容可下载源码。

via Cindy@极客标签

来源：将CSS CLIP属性应用在：扩展覆盖效果

（编辑：佛山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!