change scroll wrapper

[lorangdevelopment]

I currently can't seem to change the scroll wrapper in Locomotive Scroll v5. I need to use a custom div (with id "global-scroll") as the website's scroll wrapper instead of the window. This limitation prevents me from implementing a specific layout structure that requires a custom scroll container.

Like this:

const scroll = new LocomotiveScroll({ wrapper: document.getElementById('global-scroll'), // other options... });

[yashsarode45]

I had the same issue, when I passed a custom wrapper and content in the lenisOptions while instantiating it was getting overridden to wrapper: window and content: document.documentElement.
Looked into the code, and there's an issue in the _init() method which creates an instance of Lenis.

    /**
     * Lifecyle - Initialize instance.
     *
     * @private
     */
    private _init(): void {
        // Create Lenis instance
        this.lenisInstance = new Lenis({
            ...this.lenisOptions,
            wrapper: window,
            content: document.documentElement,
            infinite: false
        });
        ...
        }

Here the way wrapper and content are written, it is always overriding the once passed in lenisOptions while instantiating.

It should have been done in the following manner so that it honors the wrapper and content passed while instantiating and uses window and document.documentElement as default values.

this.lenisInstance = new Lenis({
    ...this.lenisOptions,
    wrapper: this.lenisOptions.wrapper || window,
    content: this.lenisOptions.content || document.documentElement,
    infinite: false
  });

[matto49]

meet the same problem, will this be repaired?