Hi,

I have a side panel with long list. clicking on any list item it goes to the specific div on the page. 

For connecting panel with div I am using swiper plugin swiper plugin

The problem is-

1. Panel list scroll is not working on tablets and mobile devices.

2. I want panel and page to be scroll independently. when panel open i don’t want page to be scrolled. Only after panel closed page can be scrolled. 

3. when opening panel second time page scrolls to top before selecting any new item from the list. I don't want it to be scroll like this.

Here is my code Jsfiddle

Thanks