内部锚不能在固定的并行网站中使用

Question

尝试向下滚动单击

  <a href="#scrollto" id="scroll"> <div class="arrow-down"><img class="arrow-open" src="assets/img/arrow-sm.png"></div><a/>

到

 <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>

但是它不起作用。

Javascript

$("#scrollto").click(function() {
    $('html, body').animate({
        scrollTop: $("#scrollto").offset().top
    }, 2000);
});

也不起作用。

URL Working on：

我们将不胜感激。

Answer 1

您使用错误的ID进行滚动，

尝试一下

$("#scroll").click(function() {
    $('html, body').animate({
        scrollTop: $("#scrollto").offset().top
    }, 2000);
});

您要设置点击#scrollto而不是#scroll

Answer 2

尝试一下，一切都准备就绪...

$("img.arrow-open").click(function(e) {
    e.preventDefault();
    $('section.background:first-child').addClass('down-scroll');
});