<body ng-app="myApp" ng-controller="myCtrl">
<div ng-show = "dataFromRest" ng-repeat = "x in dataFromRest.posts" >
<div class="tittle" style="width: 25%;">
<a href="" ng-click="showDiv = ! showDiv" style="text-decoration: none;" ># {{x.title}} </a>
<a href="" style="text-decoration: none;" ng-if="!x.title"># No title</a>
<hr style="color: red">
</a>
</b>
</div>
<div class="text">
<div style="width: 70% ;float:right; background-color: white;">
<div ng-show="showDiv">
<div style="float: right;">
<img id="currentPhoto" src="{{x.thread.main_image}}" onerror="this.src='noimageavailable.png'" width="300px" height="250px" style="float: right;">
</div>
<div style="color: purple;text-align: center;font-size:21px">
{{x.title}}
</div><br>
<div>
{{x.text}}
</div>
<b>
URL:-
</b>
<a href="{{x.url}}" style=" color: blue;"> To see in details, click here! </a><br> <br>
</div>
</div>
</div>
</div>
i have created a news feed module where the titles are displayed in a left side div and descriptions along with related images are shown in a right side div. However, I am facing issues with adding a vertical scroll bar to the left-side div (title-div) without it being specific to each individual title. Additionally, I need assistance in automatically loading the first title's description upon page load. Can someone help me with these two tasks?