The setTimeout function appears to be malfunctioning

Question

The setTimeout function appears to be malfunctioning

I've encountered an issue where a webpage keeps scrolling endlessly without stopping. I've attempted to terminate it by using the exit function, but unfortunately it's not working. Does anyone have a solution for this problem?
Find out more

<script>
    var marginY = 0;
    var destination= 0;
    var speed = 10;
    var scroller = null;


    function initializeScroll(elementId)
        {
            destination= document.getElementById(elementId).offsettop;
            scroller = setTimeout(function(){initializeScroll(elementId);},1);
            marginY = marginY + speed;
            if(marginY >= destination)
            {
                clearTimeout(scroller);



            }
            window.scroll(0,marginY);
    }   


</script>

javascript settimeout

Answer 1

Answer №1

JavaScript pays attention to letter case sensitivity! It is crucial to use offsetTop instead of offsettop:

destination = document.getElementById(elementId).offsetTop;

Switching gears, I am uncertain about how that function operates. If you want to implement a smooth scroll effect, you can also utilize jQuery like this:

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();

        var target = this.hash;
        var $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});

Answer 2

JavaScript pays attention to letter case sensitivity! It is crucial to use offsetTop instead of offsettop:

destination = document.getElementById(elementId).offsetTop;

Switching gears, I am uncertain about how that function operates. If you want to implement a smooth scroll effect, you can also utilize jQuery like this:

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();

        var target = this.hash;
        var $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});

The setTimeout function appears to be malfunctioning

Answer №1

Similar questions

Utilizing Puppeteer to Navigate and Interact with Elements Sharing Identical Class Names

What is the method to ensure an element is displayed in Selenium WebDriver?

Combining meshes results in a lower frame rate

AngularJS is a highly intuitive platform that incorporates Google Maps for

One requirement for a directive template is that it must contain only a single root element, especially when using the restrict option to E

Moving from traditional web pages to a mobile application using NextJS has brought about the error "rest.status is

Incorporate a dynamic PowerPoint presentation directly onto my website

Having difficulty interacting with a button using Selenium and JavaScript

How can the refresh event be detected within an iframe by the parent document?

Invoke the function when the user inputs text into the textbox

What is the best way to unselect the "all" selector if one of the inputs is no longer selected?

Difficulty surfaced in the React project following relocation to a different device

Retrieving complete credit card information with the help of JavaScript

Using ngFor directive to iterate through nested objects in Angular

Tips for keeping a checkbox checked on page refresh in React JS

Generate the URL based on the JSON feed

Instructions for altering the hue of a canvas square when the cursor hovers over it

Ways to enhance the efficiency of this javascript duplicates

Uncovering the key based on the value in MongoDB

Communicate crucial event prevention details using the event object in Angular