Skip to Content
Menú
This question has been flagged
2 Respostes
2264 Vistes

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???

Avatar
Descartar
Autor Best 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');
}
},
})


Avatar
Descartar
Best 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.


Avatar
Descartar
Autor

Thank you for your answer.. but unfortunately it doesn't work
Only at the moment of the initial loading , the if condition occurs
And it doesn't happen with scroll

Related Posts Respostes Vistes Activitat
4
de maig 25
2055
2
de maig 25
5368
1
de març 25
1304
4
de març 25
4082
3
de febr. 25
5004