FAQ - Suggested Improvement.

[tadpole2077]

Improve FAQ: Scrolling stops after short distance
URL: https://github.com/Nolanus/ngx-page-scroll/wiki/FAQ#scrolling-stops-after-short-distance
Current: "Check whether you are using the css property scroll-behavior with a value of smooth. This is by default included in common CSS frameworks like Bootstrap. Override the value to the standard of auto"

Propose replacing with:
"Mobile device themes such as those included in Bootstrap package, apply scroll-behavior with a value of smooth
assigned to the html tag. When smooth is active it will cause a very small jump in scroll, not reaching the end scroll target.
To resolve, apply an override css style, enforcing the auto
html {
scroll-behavior: auto !important;
}

Problem: In many instances of this issue, the scroll-behavior style is only assigned when running on mobile devices, testing on desktop emulating devices wont show the problem, so it not immediately obvious what the problem is. I myself experienced this problem, wasted roughly 6 hours trying to find the cause of scrolling not working as expected on mobile devices. Coupled with the current Chrome 135.x issue of not observing scroll-behavior css styling within desktop sites for most solutions, the use of ngx-page-scroll becomes more prevalent to achieve cross-platform and multi device controlled scrolling behaviours.

===================================
Improvement2 FAQ - Setting no longer active : page-wide PageScrollConfig.defaultInterruptible

URL: https://github.com/Nolanus/ngx-page-scroll/wiki/Scroll-Interruption-Interference

Only available options are:

1. pageScrollInterruptible
   About: @input attribute of the NgxPageScrollDirective (pageScroll) template directive
   Example: <a href=".scrollHere" pageScroll [pageScrollinterruptible]="false" >Anchor href Test</a>

2. PageScrollConfig.interruptible : boolean
   About: an option config property used in PageScrollService calls, such as create() and scroll()
   Example:

this.pageScrollService.scroll({
    document: this.document,
    scrollTarget: '.scrollHere',
    interruptible: false,
});

Thanks for a great control by the way.

[Nolanus]

Hi @tadpole2077. Thank you for pointing out the mobile theme related problem and the outdated link for the interruptible option. I updated these. It's still possible to disable interruptible by setting it to false via the service configuration.