Scroll Event doesnt work in Odoo ??!!!

Question

​Scroll Event doesnt work in Odoo ??!!!

for example:
window.addEventListener('scroll',()=>{
let scrollTop = document.documentElement.scrollTop;
if(scrollTop > 100){
console.log('morther than 100px')
}else{
console.log('lower than 100px')

}
})
do you have solutions for me???

jayesh pamnani · Accepted Answer

​Hello,
you can try below code it will work in your case
const $mainwrap = document.querySelectorAll('#wrapwrap');
mainwrap.addEventListener('scroll',()=>{
​let scrollTop = document.documentElement.scrollTop;
​if(scrollTop > 100){
​ 	 ​console.log('morther than 100px') 	 ​ 	 ​ 	 ​ 	 ​ 	 ​
​}else{​ 	 ​ 	 ​ 	 ​ 	 ​ 	 ​
​ 	 ​console.log('lower than 100px')
​}
})

Cybrosys Techno Solutions Pvt.Ltd · Answer

Hi
Try the following code,
odoo.define('your_module_name.your_widget_name', function (require) {
"use strict";
var Widget = require('web.Widget');
var YourWidgetName = Widget.extend({
start: function () {
this.$el.on('scroll', this._onScroll.bind(this));
return this._super();
},
_onScroll: function () {
var scrollTop = this.$el.scrollTop();
if (scrollTop > 100) {
console.log('More than 100px');
} else {
console.log('Lower than 100px');
}
},
});
Hope it helps

This question has been flagged

Enjoying the discussion? Don't just read, join in!