Next section after scroll

I need to scroll to the next section on the page based on the viewport. … Read more Next section after scroll

I need to scroll to the next section on the page based on the viewport. when someone 1 scroll the page then land on next section. I have 10 sections to scroll, please help much appreciated

.ttd-banner{
height:600px;
}
<section>
                       <div class="fluid-container">
                       <div class="row">
                         <div class="ttd-banner">
                   <img src="images/image-1.jpg">
                    <div class="title">
                              <h4>Heading</h4>
                             </div>
                           </div>
                         <div class="container mt-20">
                           <p>"Lorem ipsum dolor sit amet</p>
                           </div>
                           
                         </div>
             
             <div class="row">
                         <div class="ttd-banner">
                   <img src="images/image-1.jpg">
                    <div class="title">
                              <h4>Heading</h4>
                             </div>
                           </div>
                         <div class="container mt-20">
                           <p>"Lorem ipsum dolor sit amet</p>
                           </div>
                           
                         </div>
             
             <div class="row">
                         <div class="ttd-banner">
                   <img src="images/image-1.jpg">
                    <div class="title">
                              <h4>Heading</h4>
                             </div>
                           </div>
                         <div class="container mt-20">
                           <p>"Lorem ipsum dolor sit amet</p>
                           </div>
                           
                         </div>
             </div>
             </section>

Source: CSS – Stack Overflow


Categories: NewsTags: , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *