ScrollRect content/Vertical Layout Group content resets to middle when children altered

The objects I am dealing with have a lot of components so it would be simpler to include **5 images at the bottom**. In short, there is a long list of identical objects created in a scrollable list (parent object is faculty_root). The list utilizes a ScrollRect (technically, a class that subclasses ScrollRect). The content object (faculty_data) has a VerticalLayoutGroup component and a ContentSizeFitter to force the content to expand to the size of the list members. The **issue** is that these elements are expandable vertically, which causes the ScrollRect to reset to the middle. This also causes any attached scrollbar to reset its value to .5. When I click on an element it expands and the elements always instantly reset to the middle. Another effect that this has is that since list items are loaded dynamically, any time an item is added (loading time can be lengthy as there are many network requests), the position resets to .5. I am also having inconsistencies with altering the position of the scrollrect with scrollbar's value, unless I call every frame (which obviously will not work). Any help is greatly appreciated. **I had to include 3 additional images in this imgur link** - Empty faculty data, list item, and expanded list item. http://imgur.com/a/E3Wgb @zeppike asked a similar question although the answer to his problem is not thorough. I have had other related issues related to this as well. ![alt text][1] The root object containing the ScrollRect ![alt text][2] The data that is being scrolled. Contains vertical layout group and content size fitter. [1]: /storage/temp/66791-1-faculty-root.png [2]: /storage/temp/66792-2-faculty-data.png