We have a case where we need to use off-canvas for a mobile menu system, so to keep the page from jumping back to the top when the off-canvas menu triggers, we wrap the page in an inner-container. The inner-container div has the y-scrollbar.
We can get sticky to grab to the top of this container with no issue, but when the sticky catches the top of the container, as intended, it sizes the bar so it's overlapping the top of the scrollbar. We've tried everything we can think to fix this, but nothing seems to work.
We have a case where we need to use off-canvas for a mobile menu system, so to keep the page from jumping back to the top when the off-canvas menu triggers, we wrap the page in an inner-container. The inner-container div has the y-scrollbar.
We can get sticky to grab to the top of this container with no issue, but when the sticky catches the top of the container, as intended, it sizes the bar so it's overlapping the top of the scrollbar. We've tried everything we can think to fix this, but nothing seems to work.
Any suggestions?