Problem with smooth-scroll

web
mobile

Topic: Problem with smooth-scroll

oddooo48 asked a year ago

Hi! I try to use smooth-scroll but it doesn't work. It goes to the named id on the page, but without animation. I installed the mdb like a moment ago, done the whole tutorial about instalation. What can I do?   Thanks
<nav id="navbar-follow" class="navbar navbar-expand-sm fixed-top navbar-dark flex-nowrap" style="background-color:#222;">

<divclass="navbar-collapse collapse">

<ulclass="smooth-scroll navbar-nav nav-pills mx-auto ">

<liclass="nav-item">

<ahref="#services"class="nav-link">Services</a>

</li>

<liclass="nav-item">

<ahref="#portfolio"class="nav-link nav-outline-success">Portfolio</a>

</li>

<liclass="nav-item">

<ahref="#about"class="nav-link">About</a>

</li>

<liclass="nav-item">

<ahref="#contact"class="nav-link">Contact</a>

</li>

</ul>

</div>

</nav>

<div data-spy="scroll" data-target="navbar-follow" data-offset="0">

<header>

<divclass="container">

<divclass="intro-text">

<divclass="intro-lead-in">...</div>

<divclass="intro-heading">...</div>

</div>

</header>



<section id="services">...</section>

<section id="portfolio">...</section>

<section id="about">...</section>

<section id="contact">...</section>

</div>

Dear oddooo48, Do you need to use smooth scroll in Angular or jQuery app? In order to use it in Angular you need to add our¬†mdbPageScroll directive. You can find more examples here: https://mdbootstrap.com/angular/advanced/smooth-scroll/ Regards, Arek  
Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: Angular
  • MDB Version: 6.2.2
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No