side-nav smooth-scroll external link

Topic: side-nav smooth-scroll external link

staehla pro asked 7 years ago

Hello Is it possible to have the side-nav with smooth-scroll setup that also links to external URL are working? In the example below the second link does not fire to the desired URL. Thank you in advance. Cheers Marco

    <ul class="collapsible collapsible-accordion smooth-scroll">	
        <li><a class="collapsible-header waves-effect arrow-r active">Turnverein<i class="fa fa-angle-down rotate-icon"></i></a>
            <div class="collapsible-body">
                <ul>
                    <li><a href="#top_main" class="waves-effect">Home</a></li>
                    <li><a href="http://www.w3schools.com" class="waves-effect">Visit W3Schools</a></li>
                </ul>
            </div>
        </li>
     </ul>

Add comment

Michal Szymanski staff answered 7 years ago

0 0 Best answer

Hi, try this code:

<ul>
    <li class="smooth-scroll"><a href="#test1" class="waves-effect">Link</a>
    </li>
    <li class="smooth-scroll"><a href="#test2" class="waves-effect">Link</a>
    </li>
    <li><a href="http://mdbootstrap.com" class="waves-effect">Link</a>
    </li>
</ul>

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

staehla

Pro User 15Support score
6Questions 2Answers 0Snippets