Is it possible to control what element should be scrolled?

[joaorodr84]

I am using ngx-guided-tour on my Angular project. I want to have guided tour on several pages. The problem is that it only scrolls the body of the page instead of a specific div.

For example, here we have the posts freely in the body.

<h1>Hello</h1>
<button (click)="startTour()">TOUR</button>
<br /><br />
<app-post id="post1" title="Lorem Ipsum 1" body="..."></app-post>

As you can test here, navigating through the guided tour works just fine.

However, if the posts (i.e., the elements of the guided tour) are NOT directly in the body, the screen doesn't scroll.

<h1>Hello</h1>
<button (click)="startTour()">TOUR</button>
<br /><br />
<!-- Posts are inside this DIV -->
<div class="box">
  <app-post id="post1" title="Lorem Ipsum 1" body="..."></app-post>
  ...
</div>

You can test this behaviour here.

I tried using the action option to choose which element should scroll, but I wasn't able to make it work.

It seems that npx-guided-tour only scrolls the body element. Is it possible to control what element should be scrolled?

[joaorodr84]

Hi. I still haven't got any solution to this issue. Could anyone help, please? Thanks

[MConcoba]

@joaorodr84 I have the same problem, did you find any solution?

[joaorodr84]

@MConcoba Not yet... 😕

[MConcoba]

Hi @joaorodr84 any solution