问题对人有帮助,内容完整,我也想知道答案0 问题没有实际价值,缺少关键内容,没有改进余地
这是stellar插件的中文文档,如乱码请将字符编码改成unicode
$().stellar({
// 自定义元素如何出现和消失
hideElement: function($elem) { $elem.hide(); },
showElement: function($elem) { $elem.show(); }
})
stellar.js视差滚动插件中的showElement方法可以在元素出现的那一刻执行用户自定义的函数。
然而,这个方法总是在元素一出现在视口就执行,能否改成元素到达视口中央才执行?
var rect=element.getBoundingClientRect
用于获得页面中某个元素相对浏览器视窗的位置
根据你的需求判断rect.top是否在你期望的位置
如果是,就显示;否则继续等待
$().stellar({
// 自定义元素如何出现和消失
hideElement: function($elem) {
$elem.hide();
},
showElement: function($elem) {
var rect=$elem[0].element.getBoundingClientRect();
if(rect.top<=你期望的位置){
$elem.show();
}
}
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。