Scroll Event doesn't work in Odoo V17 ???

Question

hi everyone
*my odoo version is 17*
for example:
window.addEventListener('scroll',()=>{
let scrollTop = document.documentElement.scrollTop;
​if(scrollTop > 100){
​​console.log('more than 100px')
​}else{
​​console.log('lower than 100px')
​}
})
*but not working for me*
do you have solution???

Amin · Accepted Answer

*this code work for me :)*

/** @odoo-module */
import publicWidget from '@web/legacy/js/public/public_widget';
publicWidget.registry.customMenuBar = publicWidget.Widget.extend({
selector: '#wrapwrap',
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');
}
},
})

Nikhil Nakrani · Answer

Hi Amin,
can you try window property Try like
window.scrollY may be work
window.addEventListener('scroll', () => {
if (window.scrollY > 100) {
console.log('more than 100px');
} else {
console.log('lower than 100px');
}
});
Thanks.

Related Posts	Replies	Rodiniai
Ya es posible hacer Upgrade de v17 a v17.1 ? v17	1 spal. 25	1384
How to add a new Many2one field in res.config.settings? Solved v17	4 spal. 25	3825
Add field to ALL models in Odoo v17	2 rugs. 25	2500
How to disable Email notification - You have been assigned to Solved v17	4 rugs. 25	7927
Selection Field Options Disappear from Database (PostgreSQL enum) on Module Upgrade v17	0 rugp. 25	1326

This question has been flagged

window.scrollY may be work

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