skip to Main Content

Javascript – Toggling between card info

I have a child component which displays information when you click on its button. information-data.component.html <div class="col-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-sm-12 col-md-12 col-lg-12 p-2 info"> <h6 (click)="questionClick()">{{headName}} <fa-icon [icon]="icons.faInfoCircle" class="fa-1x text-primary" transform="shrink-2"></fa-icon> </h6> </div> <ng-template #childTemplate> <div class="row" [hidden]="visibleStatus">…

VIEW QUESTION

Html – Smooth scroll transition between child and parent

<html> <style> .App { font-family: sans-serif; text-align: center; .child { padding-left: 100px; padding-right: 100px; height: 100vh; overflow-y: scroll; } .child::-webkit-scrollbar { display: none; } } </style> <body> <div class="App"> <div class="parent"> <div class="child"> <p> Lorem ipsum dolor sit amet, consectetur…

VIEW QUESTION
Back To Top
Search