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.

Avoid scroll to center when scrollable is true

See original GitHub issue

Is there any proper way to prevent the selected date scroll to the center when the scrollable is true?

I trying to achieve a “scroll to snap” effect with both scrollable & scrollerPaging, however, when I select a date, it will scroll till the date align to the center.

So far I only manage to do that by disabling the scrollToDate(...) call in the source code.

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:2
  • Comments:11 (3 by maintainers)

github_iconTop GitHub Comments

4reactions
chungweileong94commented, Jun 14, 2021

From what I understand about the scrollerPaging, it supposes to always snap to a week, and the week start & end are defined by the startingDate. So ideally, if we enabled scrollerPaging, instead of positioning the selected date to center, it should always fix the position to the selected week.

1reaction
dparrellicommented, Jul 7, 2021

Just checking in - did anyone happen to make any progress with this one?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to prevent scrollbar from repositioning web page?
Press the "Toggle height" to see the content shift. In this way content will never shift. The "problem" with this solution is that...
Read more >
How to Hide the Scrollbar in CSS - HubSpot Blog
To prevent scrolling with this property, just apply the rule overflow: hidden to the body (for the entire page) or a container element....
Read more >
scroll-snap-stop - CSS: Cascading Style Sheets | MDN
The scroll-snap-stop CSS property defines whether or not the scroll container is allowed to "pass over" possible snap positions.
Read more >
How to disable scrolling in HTML? - CodeBerry
You can hide the scroll bar using the overflow:hidden statement: ... In such cases, a scroll bar will appear on the right side,...
Read more >
Scroll an element into the center of the viewport - Hidde's blog
If you pass true (default), the browser will scroll so that the element is at the top of your viewport or other scrollable...
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