How to Lock vertical scrolling while scrolling horizontally

        <wrap-owlcarousel class="owl-carousel list" data-options="{stopOnHover: true, slideSpeed : 2000, paginationSpeed : 4000, singleItem : true}">
            <a ng-repeat="item in heading.articles | limitTo:5" class="item item-text-wrap item-thumbnail-left" href="#/tab/home/{{item.post_id}}">
                <img src="{{item.article_image}}" alt="">
                <h2 class="healine">{{item.title | limitTo: 60 }} {{item.title.length > 60 ? '&hellip;' : ' '}}</h2>
                <p class="articledate">{{item.publish_date | date: 'dd/MM/yyyy'}}, {{item.location}}</p>
                <h3 class="read-more">Read More</h3>
            </a>
        </wrap-owlcarousel>
    </div>