Scroll an element inside a Div up to visible area : How to Scroll an element inside a Div. There are multiple div and each div content an element <span>

Like 


< div class="parent" ><p ><span ></span ></p ></ div >
< div class="parent" ><p ><span ></span ></p ></ div >
< div class="parent" ><p ><span ></span ></p ></ div >
< div class="parent" ><p ><span ></span ></p ></ div >



and the are generate dynamically (infinite scroll)

where <div class="parent" > is self scrolling div


how to put <span ></span > element in visible part of div when page load AND/OR more data load on ajax call




