Horizontal Scroll even after Disable X-Axis Scrolling

[idiotWu]

Discussed in #480

^{Originally posted by blitzve0 June 4, 2022}

demo.mp4

Hi, I am using a plugin to disable X-axis horizontal scrolling totally, but sometimes accidentally when I hold and drag from the right edge, the site starts horizontally dragging. You can check the video and can try it out also here https://haspr.in/

This is the Plugin

import Scrollbar from 'smooth-scrollbar'

class DisableScroll extends Scrollbar.ScrollbarPlugin {
  static pluginName = 'DisableScroll'

  transformDelta(delta, fromEvent) {
    delta['x'] = 0

    return delta
  }
}

DisableScroll.pluginName = 'DisableScroll'
export default DisableScroll

```</div>

[RubenReuring]

Got the same issue here. Any idea how to quick fix or when an update will be comming?

[idiotWu]

@RubenReuring a quick and dirty fix that eliminates horizontal scrolling:

import { Scrollbar } from 'smooth-scrollbar/scrollbar'; // NOTICE: not the default entry

const setMomentum = Scrollbar.prototype.setMomentum;

Scrollbar.prototype.setMomentum = function(x, y) {
    setMomentum.call(this, 0, y);
}

[sadeghbarati]

#511 (comment)

Temporary workaround

scrollbar.limit.x = 0

---

https://stackblitz.com/~/github.com/Cuberto/scroll-sequence-demo

once all dependencies installed open terminal ctrl + `

and run gulp command to start the server