Skip to Content
Menu
This question has been flagged
2 Replies
2225 Views

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
Discard
Author 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
Discard
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
Discard
Author

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 Replies Views Activity
4
May 25
1973
2
May 25
5237
1
Mar 25
1233
4
Mar 25
4006
3
Feb 25
4841