Scroll not working on mobile within a specific DIV
<p>I'm working on making a part of our website responsive and have found that that scrolling on mobile is not working within a specific <code>div</code>, if the users uses the touch screen to try and scroll within this <code>div</code>, it does not work.  </p>

<p>In the picture below you can see the <code>div</code> in which scrolling is not working on mobile, if the user touches the area outside of the <code>div</code> they can scroll.
<a href="https://i.stack.imgur.com/WwLZC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WwLZC.jpg" alt="enter image description here"></a></p>

<p>I thought that some of the CSS <code>float</code> rules were causing it but even when I removed all the floats from the div &amp; the div's children the issue still persisted.</p>

<p>I also tried removing all of the rules from the main div which was causing the issue but still the issue persisted.</p>

<pre><code>&lt;div id="product-choices-inner-container"&gt;


    &lt;ul id="product-choices-side-menu" class="hidden-xs sidemenu side1 " data-pid="1"&gt;

        &lt;span class="skewing"&gt;&lt;/span&gt;

        &lt;h3&gt;Menu&lt;/h3&gt;

        &lt;li class="product-choices-side-elem option-0 active"&gt;
            &lt;a href="http://www.example.com/program/choice/products/meal-1/"&gt;Breakfast                            &lt;span&gt;
                                                                    21 products&lt;/span&gt;
            &lt;/a&gt;
            &lt;span class="side-menu-position-indicator"&gt;&lt;/span&gt;
        &lt;/li&gt;
        &lt;li class="product-choices-side-elem option-1"&gt;
            &lt;a href="http://www.example.com/program/choice/products/meal-2/"&gt;Lunch                            &lt;span&gt;
                                                                    21 products&lt;/span&gt;
            &lt;/a&gt;
            &lt;span class="side-menu-position-indicator"&gt;&lt;/span&gt;
        &lt;/li&gt;
        &lt;li class="product-choices-side-elem option-2"&gt;
            &lt;a href="http://www.example.com/program/choice/products/meal-3/"&gt;Snack                            &lt;span&gt;
                                                                    21 products&lt;/span&gt;
            &lt;/a&gt;
            &lt;span class="side-menu-position-indicator"&gt;&lt;/span&gt;
        &lt;/li&gt;
        &lt;li class="product-choices-side-elem option-3"&gt;
            &lt;a href="http://www.example.com/program/choice/products/meal-4/"&gt;Dinner                            &lt;span&gt;
                                                                    Basic                                                        &lt;/span&gt;&lt;/a&gt;
            &lt;span class="side-menu-position-indicator"&gt;&lt;/span&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
    &lt;select class="product-choices-side-menu-mobile hidden-sm hidden-md hidden-lg sidemenu side1 " data-pid="1"&gt;
        &lt;option class="product-choices-side-elem option-0" value="option-0" selected=""&gt;
            Breakfast - 21 products                                            &lt;/option&gt;
        &lt;option class="product-choices-side-elem option-1" value="option-1"&gt;
            Lunch - 21 products                                            &lt;/option&gt;
        &lt;option class="product-choices-side-elem option-2" value="option-2"&gt;
            Snack - 21 products                                            &lt;/option&gt;
        &lt;option class="product-choices-side-elem option-3" value="option-3"&gt;
            Dinner - Basic                                            &lt;/option&gt;
    &lt;/select&gt;

    &lt;ul id="product-choices-side-menu" class="hidden-xs sidemenu side2 hide" data-pid="2"&gt;

        &lt;span class="skewing"&gt;&lt;/span&gt;

        &lt;h3&gt;Menu&lt;/h3&gt;

        &lt;li class="product-choices-side-elem option-0 active"&gt;
            &lt;a href="http://www.example.com/program/choice/products/meal-1/"&gt;Breakfast                            &lt;span&gt;
                                                                    Basic                                                        &lt;/span&gt;&lt;/a&gt;
            &lt;span class="side-menu-position-indicator"&gt;&lt;/span&gt;
        &lt;/li&gt;
        &lt;li class="product-choices-side-elem option-1"&gt;
            &lt;a href="http://www.example.com/program/choice/products/meal-2/"&gt;Lunch                            &lt;span&gt;
                                                                    Basic                                                        &lt;/span&gt;&lt;/a&gt;
            &lt;span class="side-menu-position-indicator"&gt;&lt;/span&gt;
        &lt;/li&gt;
        &lt;li class="product-choices-side-elem option-2"&gt;
            &lt;a href="http://www.example.com/program/choice/products/meal-3/"&gt;Snack                            &lt;span&gt;
                                                                    14 products&lt;/span&gt;
            &lt;/a&gt;
            &lt;span class="side-menu-position-indicator"&gt;&lt;/span&gt;
        &lt;/li&gt;
        &lt;li class="product-choices-side-elem option-3"&gt;
            &lt;a href="http://www.example.com/program/choice/products/meal-4/"&gt;Dinner                            &lt;span&gt;
                                                                    Basic                                                        &lt;/span&gt;&lt;/a&gt;
            &lt;span class="side-menu-position-indicator"&gt;&lt;/span&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
    &lt;select class="product-choices-side-menu-mobile hidden-sm hidden-md hidden-lg sidemenu side2 hide" data-pid="2"&gt;
        &lt;option class="product-choices-side-elem option-0" value="option-0" selected=""&gt;
            Breakfast - Basic                                            &lt;/option&gt;
        &lt;option class="product-choices-side-elem option-1" value="option-1"&gt;
            Lunch - Basic                                            &lt;/option&gt;
        &lt;option class="product-choices-side-elem option-2" value="option-2"&gt;
            Snack - 14 products                                            &lt;/option&gt;
        &lt;option class="product-choices-side-elem option-3" value="option-3"&gt;
            Dinner - Basic                                            &lt;/option&gt;
    &lt;/select&gt;


    &lt;div id="product-choices-product-list-container"&gt;

        &lt;div id="product-choices-product-list-title"&gt;

            &lt;span class="puce"&gt;1&lt;/span&gt;

            &lt;h2&gt;Menu&lt;/h2&gt;

            &lt;h3&gt;Lorem Ipsum Det Amet&lt;/h3&gt;
            &lt;ul&gt;
                &lt;li&gt;
                    &lt;div class="icon"&gt;
                        &lt;img src="http://www.example.com/media/portions/53fc5sd28a74059.gif"&gt;
                    &lt;/div&gt;
                    1 Meat product &lt;a href="http://www.example.com/program/menus/portion/6/" class="portion-ex hidden-xs"&gt;See an example&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;div class="icon"&gt;
                        &lt;img src="http://www.example.com/media/portions/53fcas52d617142.gif"&gt;
                    &lt;/div&gt;
                    1 veg &lt;a href="http://www.example.com/program/menus/portion/11/" class="portion-ex hidden-xs"&gt;See an example&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;div class="icon"&gt;
                        &lt;img src="http://www.example.com/media/portions/53fc52eacdsa51c4.gif"&gt;
                    &lt;/div&gt;
                    1 fiber product  &lt;a href="http://www.example.com/program/menus/portion/12/" class="portion-ex hidden-xs"&gt;See an example&lt;/a&gt;
                &lt;/li&gt;
            &lt;/ul&gt;

            &lt;div class="menupart1"&gt;
                &lt;div class="fancy-box-products-container product-listing ui-widget ui-widget-header ui-corner-all ps-container" style="overflow: hidden"&gt;
                    &lt;div class="products fancybox-products" style="width: 1162px;"&gt;
                        &lt;div class="product" data-id="59" style="cursor: pointer;"&gt;
                            &lt;span class="qty visible-xs-*"&gt;x2&lt;/span&gt;
                            &lt;div class="thumbnail"&gt;
                                &lt;img class="imgproduct" alt="Product Name" src="http://www.example.com/media/catalog/product/images/catalog/product/placeholder/small_image.jpg"&gt;
                                &lt;div class="pictos"&gt;
                                    &lt;img class="meat" src="http://www.example.com/skin/frontend/bootstrapped/default/images/picto.png" alt="Preferred by customers"&gt;
                                    &lt;img class="vegetarian" src="http://www.example.com/skin/frontend/bootstrapped/default/images/pic.png" alt="Vegetarian"&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;span class="title visible-xs-*"&gt;Product Name&lt;/span&gt;
                            &lt;span class="title hidden-xs"&gt;Product Name&lt;/span&gt;

                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="product" data-id="59" style="cursor: pointer;"&gt;
                        &lt;span class="qty visible-xs-*"&gt;x2&lt;/span&gt;
                        &lt;div class="thumbnail"&gt;
                            &lt;img class="imgproduct" alt="Product Name" src="http://www.example.com/media/catalog/product/images/catalog/product/placeholder/small_image.jpg"&gt;
                            &lt;div class="pictos"&gt;
                                &lt;img class="meat" src="http://www.example.com/skin/frontend/bootstrapped/default/images/picto.png" alt="Preferred by customers"&gt;
                                &lt;img class="vegetarian" src="http://www.example.com/skin/frontend/bootstrapped/default/images/pic.png" alt="Vegetarian"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;span class="title visible-xs-*"&gt;Product Name&lt;/span&gt;
                        &lt;span class="title hidden-xs"&gt;Product Name&lt;/span&gt;

                    &lt;/div&gt;
                    &lt;div class="product" data-id="59" style="cursor: pointer;"&gt;
                        &lt;span class="qty visible-xs-*"&gt;x2&lt;/span&gt;
                        &lt;div class="thumbnail"&gt;
                            &lt;img class="imgproduct" alt="Product Name" src="http://www.example.com/media/catalog/product/images/catalog/product/placeholder/small_image.jpg"&gt;
                            &lt;div class="pictos"&gt;
                                &lt;img class="meat" src="http://www.example.com/skin/frontend/bootstrapped/default/images/picto.png" alt="Preferred by customers"&gt;
                                &lt;img class="vegetarian" src="http://www.example.com/skin/frontend/bootstrapped/default/images/pic.png" alt="Vegetarian"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;span class="title visible-xs-*"&gt;Product Name&lt;/span&gt;
                        &lt;span class="title hidden-xs"&gt;Product Name&lt;/span&gt;

                    &lt;/div&gt;
                    &lt;div class="product" data-id="59" style="cursor: pointer;"&gt;
                        &lt;span class="qty visible-xs-*"&gt;x2&lt;/span&gt;
                        &lt;div class="thumbnail"&gt;
                            &lt;img class="imgproduct" alt="Product Name" src="http://www.example.com/media/catalog/product/images/catalog/product/placeholder/small_image.jpg"&gt;
                            &lt;div class="pictos"&gt;
                                &lt;img class="meat" src="http://www.example.com/skin/frontend/bootstrapped/default/images/picto.png" alt="Preferred by customers"&gt;
                                &lt;img class="vegetarian" src="http://www.example.com/skin/frontend/bootstrapped/default/images/pic.png" alt="Vegetarian"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;span class="title visible-xs-*"&gt;Product Name&lt;/span&gt;
                        &lt;span class="title hidden-xs"&gt;Product Name&lt;/span&gt;

                    &lt;/div&gt;
                    &lt;div class="product" data-id="59" style="cursor: pointer;"&gt;
                        &lt;span class="qty visible-xs-*"&gt;x2&lt;/span&gt;
                        &lt;div class="thumbnail"&gt;
                            &lt;img class="imgproduct" alt="Product Name" src="http://www.example.com/media/catalog/product/images/catalog/product/placeholder/small_image.jpg"&gt;
                            &lt;div class="pictos"&gt;
                                &lt;img class="meat" src="http://www.example.com/skin/frontend/bootstrapped/default/images/picto.png" alt="Preferred by customers"&gt;
                                &lt;img class="vegetarian" src="http://www.example.com/skin/frontend/bootstrapped/default/images/pic.png" alt="Vegetarian"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;span class="title visible-xs-*"&gt;Product Name&lt;/span&gt;
                        &lt;span class="title hidden-xs"&gt;Product Name&lt;/span&gt;

                    &lt;/div&gt;
                    &lt;div class="product" data-id="59" style="cursor: pointer;"&gt;
                        &lt;span class="qty visible-xs-*"&gt;x2&lt;/span&gt;
                        &lt;div class="thumbnail"&gt;
                            &lt;img class="imgproduct" alt="Product Name" src="http://www.example.com/media/catalog/product/images/catalog/product/placeholder/small_image.jpg"&gt;
                            &lt;div class="pictos"&gt;
                                &lt;img class="meat" src="http://www.example.com/skin/frontend/bootstrapped/default/images/picto.png" alt="Preferred by customers"&gt;
                                &lt;img class="vegetarian" src="http://www.example.com/skin/frontend/bootstrapped/default/images/pic.png" alt="Vegetarian"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;span class="title visible-xs-*"&gt;Product Name&lt;/span&gt;
                        &lt;span class="title hidden-xs"&gt;Product Name&lt;/span&gt;

                    &lt;/div&gt;
                    &lt;div class="product" data-id="59" style="cursor: pointer;"&gt;
                        &lt;span class="qty visible-xs-*"&gt;x2&lt;/span&gt;
                        &lt;div class="thumbnail"&gt;
                            &lt;img class="imgproduct" alt="Product Name" src="http://www.example.com/media/catalog/product/images/catalog/product/placeholder/small_image.jpg"&gt;
                            &lt;div class="pictos"&gt;
                                &lt;img class="meat" src="http://www.example.com/skin/frontend/bootstrapped/default/images/picto.png" alt="Preferred by customers"&gt;
                                &lt;img class="vegetarian" src="http://www.example.com/skin/frontend/bootstrapped/default/images/pic.png" alt="Vegetarian"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;span class="title visible-xs-*"&gt;Product Name&lt;/span&gt;
                        &lt;span class="title hidden-xs"&gt;Product Name&lt;/span&gt;

                    &lt;/div&gt;
                    &lt;div class="product" data-id="59" style="cursor: pointer;"&gt;
                        &lt;span class="qty visible-xs-*"&gt;x2&lt;/span&gt;
                        &lt;div class="thumbnail"&gt;
                            &lt;img class="imgproduct" alt="Product Name" src="http://www.example.com/media/catalog/product/images/catalog/product/placeholder/small_image.jpg"&gt;
                            &lt;div class="pictos"&gt;
                                &lt;img class="meat" src="http://www.example.com/skin/frontend/bootstrapped/default/images/picto.png" alt="Preferred by customers"&gt;
                                &lt;img class="vegetarian" src="http://www.example.com/skin/frontend/bootstrapped/default/images/pic.png" alt="Vegetarian"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;span class="title visible-xs-*"&gt;Product Name&lt;/span&gt;
                        &lt;span class="title hidden-xs"&gt;Product Name&lt;/span&gt;

                    &lt;/div&gt;
                    &lt;div class="product" data-id="59" style="cursor: pointer;"&gt;
                        &lt;span class="qty visible-xs-*"&gt;x2&lt;/span&gt;
                        &lt;div class="thumbnail"&gt;
                            &lt;img class="imgproduct" alt="Product Name" src="http://www.example.com/media/catalog/product/images/catalog/product/placeholder/small_image.jpg"&gt;
                            &lt;div class="pictos"&gt;
                                &lt;img class="meat" src="http://www.example.com/skin/frontend/bootstrapped/default/images/picto.png" alt="Preferred by customers"&gt;
                                &lt;img class="vegetarian" src="http://www.example.com/skin/frontend/bootstrapped/default/images/pic.png" alt="Vegetarian"&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;span class="title visible-xs-*"&gt;Product Name&lt;/span&gt;
                        &lt;span class="title hidden-xs"&gt;Product Name&lt;/span&gt;

                    &lt;/div&gt;

                    &lt;div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px; width: 272px; display: inherit;"&gt;&lt;div class="ps-scrollbar-x" style="left: 0px; width: 0px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px; height: 735px; display: none;"&gt;&lt;div class="ps-scrollbar-y" style="top: 0px; height: 0px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
            &lt;/div&gt;            &lt;/div&gt;

    &lt;/div&gt;

&lt;/div&gt;
</code></pre>