Scroll Automatically to the Bottom of the Page

Question

Consider I have a list of questions. When I click on the first question, it should automatically take me to the bottom of the page.

For a matter of fact, I do know

Answer 1

I have an Angular app with dynamic content and I tried several of the above answers with not much success. I adapted @Konard's answer and got it working in plain JS for my scenario:

HTML

    Scroll to Bottom
    

        

            

            
Details for Customer 1
            

            
            

                
            
            
            

                
            
            
            

                
            
            
            

                
            
            
            

                
            
            
            

                
                

                    {{'Choose file...'}}
                
            
            
            

                

                

                    

                        Save
                        Update
                    
                    

                        Remove
                    
                
                

            
        
    

CSS

body {
    background: #20262E;
    padding: 20px;
    font-family: Helvetica;
}

#app {
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    transition: all 0.2s;
}

JS

function scrollToBottom() {
    scrollInterval;
    stopScroll;

    var scrollInterval = setInterval(function () {
        document.documentElement.scrollTop = document.documentElement.scrollHeight;
    }, 50);

    var stopScroll = setInterval(function () {
        clearInterval(scrollInterval);
    }, 100);
}

Tested on the latest Chrome, FF, Edge, and stock Android browser. Here's a fiddle:

https://jsfiddle.net/cbruen1/18cta9gd/16/