Vertical carousel on scroll reactjs - reactjs

I want to have a section of the website which is fixed while to slide the carousel on scroll (vertically). Once you are at the last slide the scroll will let you continue on the page instead of changing the slide of the carousel. No idea on how to do this
row with a different background color which remain fixed while the user slides through the carousel slides by scrolling the page. once we arrive on the last slide the scroll will do the usual function on the page

Related

how to give border color to slider img when slider img is active in slick carousel when arrows are clicked(uses AsNavFor & vertical swiping))

image for reference
As I'm using the AsNavFor and vertical slider together in slick carousel, the active slider gets the purple border,the bordered active slider is always on top by default, how to navigate via arrows so that bordered active slider is also navigating on 3 and 4th images.
if list of images is infinite how will it scroll along with showing active border when scrolled

react-multi-carousel looking to give a free-scroll ability for carousel elements (targeting mobile)

I've been requested to give the react-multi-carousel component a free scroll ability for mobile using react-multi-carousel.
So when a user swipes (L or R) on mobile, the default scrolls to the next carousel item.
The default seems to lock that next carousel item to the left border of carousel-wrapper
The ask is to create a fluid scroll that doesn't lock into any carousel. So if a mobile user scrolls with intention, the carousel could very well scroll to the end of carousel items.
I assume the ability to achieve this lies somewhere in the slidesToSlide: num configuration but can't seem to get working.
https://codesandbox.io/s/react-multi-carousel-demo-forked-5th2b?file=/src/simple.js

Sidemenu and scrollable form/container

If a form has scrollable container (tabs for ex), opening and closing the sidemenu also scrolls the containers below.
Is there a way to disable that ?
Tabs aren't scrollable, they are swipable. You can disable the swiping of the tabs or disable the swiping of the components. The side menu is swipable only from the left most portion of the screen so the rest of the screen is safe to swipe through.

Fix (Stick) UI Grid column headers when grid's vertical scollbar is disabled

I have disabled UI Grid vertical scroll bar and have just page scroll bar with more than 200 records displayed at a time.
But when the page is scrolled the grid headers are not visible on the screen.
Also the horizontal scroll bar is present right at the bottom of the screen making it inconvenient as the user would have to scroll right till the bottom to access it making the grid column headers invisible.

Onsen-UI slide animation when changing menu-page

Is there a way to set an animation when I dynamically change the menu-page of the slide menu? So a second menu slides in when one of the links is clicked?
If not this should be added for sub menu navigation.

Resources