JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="mobile-search">


<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita optio nobis consequuntur sit repudiandae possimus suscipit blanditiis qui eaque, natus. Consequatur aut, laudantium commodi eligendi fuga vel quam magnam placeat reiciendis delectus expedita similique iste vero aperiam illum blanditiis, ducimus quaerat! Illo delectus consequatur vero, maiores culpa atque obcaecati earum quibusdam optio, id placeat ad eos, modi iure quam nemo repellendus. Repellat cumque, cupiditate rem aspernatur iusto voluptatum adipisci hic eligendi asperiores doloremque tenetur, vero facilis nemo molestias voluptatem dicta expedita quia natus rerum nostrum veritatis, veniam quod obcaecati a? Error quibusdam illum vitae quam nostrum, delectus. Rem enim, porro! Possimus nemo enim ipsum suscipit omnis sapiente porro illum quo delectus, amet! Suscipit architecto laudantium, enim asperiores eveniet, vero! Minus deserunt provident in animi, quos, repellat aliquid, mollitia asperiores beatae corporis ipsa maxime ea. Illo dignissimos distinctio perspiciatis illum quasi aperiam sit fugiat, pariatur facilis, ducimus ex. Harum, ex error.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita optio nobis consequuntur sit repudiandae possimus suscipit blanditiis qui eaque, natus. Consequatur aut, laudantium commodi eligendi fuga vel quam magnam placeat reiciendis delectus expedita similique iste vero aperiam illum blanditiis, ducimus quaerat! Illo delectus consequatur vero, maiores culpa atque obcaecati earum quibusdam optio, id placeat ad eos, modi iure quam nemo repellendus. Repellat cumque, cupiditate rem aspernatur iusto voluptatum adipisci hic eligendi asperiores doloremque tenetur, vero facilis nemo molestias voluptatem dicta expedita quia natus rerum nostrum veritatis, veniam quod obcaecati a? Error quibusdam illum vitae quam nostrum, delectus. Rem enim, porro! Possimus nemo enim ipsum suscipit omnis sapiente porro illum...

JavaScript

function MobileSearch() {
        let $mobileFooterSearch = document.querySelector('a');

        $mobileFooterSearch.addEventListener('click', (e) => {
            if($mobileFooterSearch.getAttribute('href').length != 0) {
                e.preventDefault();
                let $mobileFooterInput = document.querySelector($mobileFooterSearch.getAttribute('href'));
                /* $mobileFooterInput.focus(); */

                $mobileFooterInput.scrollIntoView({
                  behavior: 'smooth',
                  block: 'start'
                });
            }
            return false;
        });
    }

    MobileSearch();