Can I offer an opinion?
The case of multiple scrollers is actually a feature of css. The obvious scroller is the one presented when the web page is larger than the browser.
However scrollers may also appear for any and all individual html elements when their contents cannot be fitted within their restricted widths or heights, and is achieved when setting a combination of two css codes for an html element: 1) width or max-width or height or max-height, and 2) overflow.
For example if the height of your Image slider is 1000px and for the container <div> element you set the css code values of "max-height:800px" and "overflow:auto" then you have the result you have presented us in your attached image.
The solution in such a case would be to delete the max-height and overflow codes or amend them to max-height:100% and overflow:initial;
However, this is only an assumption and the problem may be a different one.
Best Regards
Stavros Zacharias
