I have two sections in an LWC and the section 1 contains lot of data hence that section scrolls. The section 2 is a fixed size div which has inner scrolling. Now I need the div on the right side(the smaller div with fixed height) to be affixed even when we scroll for data. Image 1 shows the div's
In the below image is when I scroll to the bottom. The smaller div's position is fixed. I have tried to use various "position" styles but none of them helped. I want the smaller div to be affixed so that the user wont be scrolling back to the top to access the data.
The playground url is : https://developer.salesforce.com/docs/component-library/tools/playground/D9EG6u9FA/5/edit .