I want to fix the right side and make scrollable content on the left side. I tried added position fixed for left div but it doesn't work for me, Please help me out

This should appear fixed on the bottom of your window only on scroll.

I also have a pure javascript method to track when a scroll happens, you may also want to try that out. How to detect if browser window is scrolled to bottom?