Breaking News: Grepper is joining You.com. Read the official announcement!

how to add scroll to div onclick

Better Boar answered on November 22, 2020 Popularity 9/10 Helpfulness 5/10

answer how to add scroll to div onclick

related how to add scroll to div onclick

how to add scroll to div onclick

Comment

<div class="first"><button type="button" onclick="smoothScroll(document.getElementById('second'))">Click Me!</button></div>
<div class="second" id="second">Hi</div>

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: add onclick scroll whatever

Link to this answer
Share Copy Link

Contributed on Nov 22 2020

Better Boar

0 Answers Avg Quality 2/10

Closely Related Answers

how to add scroll to div onclick

Comment

$("button").click(function() {
    $('html,body').animate({
        scrollTop: $(".second").offset().top},
        'slow');
});

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: add javascript

Link to this answer
Share Copy Link

Contributed on Nov 22 2020

Better Boar

0 Answers Avg Quality 2/10

how to add scroll to div onclick

Comment

window.smoothScroll = function(target) {
    var scrollContainer = target;
    do { //find scroll container
        scrollContainer = scrollContainer.parentNode;
        if (!scrollContainer) return;
        scrollContainer.scrollTop += 1;
    } while (scrollContainer.scrollTop == 0);

    var targetY = 0;
    do { //find the top of target relatively to the container
        if (target == scrollContainer) break;
        targetY += target.offsetTop;
    } while (target = target.offsetParent);

    scroll = function(c, a, b, i) {
        i++; if (i > 30) return;
        c.scrollTop = a + (b - a) / 30 * i;
        setTimeout(function(){ scroll(c, a, b, i); }, 20);
    }
    // start scrolling
    scroll(scrollContainer, scrollContainer.scrollTop, targetY, 0);
}

Popularity 8/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: add onclick oncl

Link to this answer
Share Copy Link

Contributed on Nov 22 2020

Better Boar

0 Answers Avg Quality 2/10

how to add scroll to div onclick

Comment

.first {
    width: 100%;
    height: 1000px;
    background: #ccc;
}

.second {
    width: 100%;
    height: 1000px;
    background: #999;
}

Popularity 8/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: add onclick

Link to this answer
Share Copy Link

Contributed on Nov 22 2020

Better Boar

0 Answers Avg Quality 2/10

how to add scroll to div onclick

Contents

More Related Answers

how to add scroll to div onclick

Closely Related Answers

how to add scroll to div onclick

how to add scroll to div onclick

how to add scroll to div onclick

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.