Struggling to implement a scroll-down feature upon click
<a href="#scrollto" id="scroll"> <div class="arrow-down"><img class="arrow-open" src="assets/img/arrow-sm.png"></div><a/>
directing to:
<p id="scrollto">MadHouse is a collective of strategists, advisors, innovators, creative thinkers, doers, makers, prodders, provocateurs, and believers committed to helping organizations Broaden their Biases.</p>
Despite multiple attempts, the functionality remains faulty.
Various attempts with Javascript have been made:
$("#scrollto").click(function() {
$('html, body').animate({
scrollTop: $("#scrollto").offset().top
}, 2000);
});
Unfortunately, none of the solutions proved effective.
Current Working URL:
Your assistance in resolving this issue would be greatly appreciated.