question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Scroll to the end of the page

See original GitHub issue

If the page is long more than the viewport, when the tour starts, it scrolls down to the end of the page.
A possible workaround (i have the component in the top of the page) is use window.scroll(0, 0). But if the component is in the middle, i’m not able to do it.

P.S I’m using a forRoot-forChild structure (lazy modules)

Versions:

  • Tested on Chrome 77.0.3865.90
  • Angular 7.0.7
  • NgX-joyride 2.2.10

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:8

github_iconTop GitHub Comments

10reactions
fpichloucommented, Jan 28, 2020

You can set overflow:auto|scroll|overlay to one of the parent element for solving this issue.

1reaction
ksilzcommented, Oct 13, 2020

Big thank you, @fpichlou! overflow: auto on my parent div prevented the scrolling wonderfully!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Scroll Automatically to the Bottom of the Page - Stack Overflow
Sometimes the page extends on scroll to buttom (for example in social networks), to scroll down to the end (ultimate buttom of the...
Read more >
How to force scroll to end of page - MSDN - Microsoft
When user clicks a button generating a postback I want to display the hidden panel and force scrolling to the end of the...
Read more >
Scroll to Bottom
Click the button and scroll to the end of the current page. That's all it does. Options: You can change the default icon...
Read more >
How to Get to the End of a Page with Infinite Scrolling 🖱️
Fortunately, the JavaScript code to go to the bottom of the infinite scrolling page is pretty straightforward if you know the language.
Read more >
How to Scroll Automatically to the Bottom of the Page with ...
We can use the window.scrollTo method to scroll to the bottom of the page. ... window.scrollTo(0, document.body.scrollHeight);. We get the div with querySelector ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found