What is the best approach for highlighting a clicked anchor link on a one-page site using PHP?

To highlight a clicked anchor link on a one-page site using PHP, you can add a class to the clicked link and use JavaScript to handle the smooth scrolling functionality. By adding a class to the clicked link, you can apply CSS styles to visually highlight the active link.

&lt;?php
$current_page = basename($_SERVER[&#039;PHP_SELF&#039;]);
?&gt;

&lt;nav&gt;
    &lt;a href=&quot;#section1&quot; class=&quot;&lt;?php echo ($current_page == &#039;index.php&#039; &amp;&amp; isset($_GET[&#039;section&#039;]) &amp;&amp; $_GET[&#039;section&#039;] == &#039;section1&#039;) ? &#039;active&#039; : &#039;&#039;; ?&gt;&quot;&gt;Section 1&lt;/a&gt;
    &lt;a href=&quot;#section2&quot; class=&quot;&lt;?php echo ($current_page == &#039;index.php&#039; &amp;&amp; isset($_GET[&#039;section&#039;]) &amp;&amp; $_GET[&#039;section&#039;] == &#039;section2&#039;) ? &#039;active&#039; : &#039;&#039;; ?&gt;&quot;&gt;Section 2&lt;/a&gt;
    &lt;a href=&quot;#section3&quot; class=&quot;&lt;?php echo ($current_page == &#039;index.php&#039; &amp;&amp; isset($_GET[&#039;section&#039;]) &amp;&amp; $_GET[&#039;section&#039;] == &#039;section3&#039;) ? &#039;active&#039; : &#039;&#039;; ?&gt;&quot;&gt;Section 3&lt;/a&gt;
&lt;/nav&gt;

What is the best approach for highlighting a clicked anchor link on a one-page site using PHP?

Related Questions