Add basic scroll-related lazy loading system w/ examples + Fix scrolling issues by putting header inside o-scroll + Use data-scroll-section
This commit is contained in:
@@ -11,6 +11,27 @@ export default class extends module {
|
||||
el: this.el,
|
||||
smooth: true
|
||||
});
|
||||
|
||||
this.scroll.on('call', (func,way,obj,id) => {
|
||||
// Using modularJS
|
||||
this.call(func[0],{way,obj},func[1],func[2]);
|
||||
});
|
||||
|
||||
this.scroll.on('scroll', (args) => {
|
||||
// console.log(args.scroll);
|
||||
})
|
||||
}
|
||||
|
||||
toggleLazy(args) {
|
||||
let src = this.getData('lazy', args.obj.el)
|
||||
if(src.length) {
|
||||
if(args.obj.el.tagName == "IMG") {
|
||||
args.obj.el.src = src
|
||||
} else {
|
||||
args.obj.el.style.backgroundImage = `url(${src})`
|
||||
}
|
||||
this.setData('lazy', '', args.obj.el)
|
||||
}
|
||||
}
|
||||
|
||||
destroy() {
|
||||
|
||||
Reference in New Issue
Block a user