title: Ionic 2 implement Scrollable Div in side ion-content diractive
body: <p><em>This is a answer not question but I don't know how to post a answer here.</em></p>
  
  <p>After seeing <a href="http://ionicframework.com/docs/api/directive/ionContent/" rel="nofollow noreferrer">some articles</a> for the same I came to know that-<br>
  The ionContent directive provides an easy to use content area that can be configured to use Ionic’s custom Scroll View.</p>
  
  <p>In my case,
  Wanted to scroll a specific division inside the <em><code>&lt;ion-contain&gt;</code></em> such as- </p>
  
  <pre><code>&lt;ion-content&gt;
         &lt;div&gt;
              &lt;div&gt;
                &lt;p&gt; Scroll should not be apply &lt;/p&gt;
             &lt;/div&gt;
         &lt;/div&gt;
  
      &lt;div *ngFor="let item in items"&gt;
               &lt;div&gt;
                &lt;p&gt; Scroll **should be apply** &lt;/p&gt;  
                  {{item}}
             &lt;/div&gt;
      &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <ol>
  <li>I came to know about <a href="https://ionicframework.com/docs/v2/api/components/virtual-scroll/VirtualScroll/" rel="nofollow noreferrer">VirtualScroll</a>, but It was being scrolling complete page which was not matching with my requirement.</li>
  <li>Also came to see <a href="https://ionicframework.com/docs/v2/api/components/scroll/Scroll/" rel="nofollow noreferrer">Scroll property</a> of ionic, which does not meet to my requirement.</li>
  </ol>
  
  <p>Then I came to see a great Article listed under ionic forum and helped me a lot which is as-
  <a href="https://forum.ionicframework.com/t/ionic-2-scrollable-div-within-ion-content/58788" rel="nofollow noreferrer">https://forum.ionicframework.com/t/ionic-2-scrollable-div-within-ion-content/58788</a> </p>
  
  <pre><code>&lt;ion-content style="overflow-y: hidden;"&gt;
      &lt;div&gt;
          &lt;h1&gt;This stuff should not scroll.&lt;/h1&gt;
      &lt;/div&gt;
  
      &lt;ion-scroll scrollY="true" style="width: 100%; height: 100%;"&gt;
      &lt;div *ngFor="let boy in boys"&gt;
              &lt;h3&gt;This stuff should scroll.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;/ion-scroll&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p><a href="https://forum.ionicframework.com/t/ionic-2-scrollable-div-within-ion-content/58788/2" rel="nofollow noreferrer">Here was the required above code.</a> which help me a lot.
  Very thank full for this to the author of this article (asrinivasan).  </p>
  
  <p><strong><em>Note:- I came to notice -</em><br>
  <em>If we have ion-item tag in our code, it could cause some issue for us. So make sure to remove this tag.</em></strong>  </p>