Why JS doesn't want to scroll?

Question

here is my code:

function trailer() {
    window.scroll(0,1750);
}

and the html

<li> <a href="#" onclick="trailer()">Trailer GTA 4</a></li>

..When I click on the link, it scrolls to (0,0) instead of scrolling to (0,1750) why ???

Why not just link it to the `div` in question? `Jump to Trailer`. — Script47, Aug 20 '16 at 13:57
Because you're not stopping the event after your handler has finished his work: [fiddle](https://jsfiddle.net/m7hhft35/) — Andreas, Aug 20 '16 at 13:58

score 1 · Accepted Answer · edited May 23 '17 at 11:46

1

You have two possible solutions, you can link the ID of the element in a a tag, as such,

HTML Example

<a href="#myDiv">Jump to DIV</a>

<div id="myDiv">DIV!</div>

Example

JSFiddle

You need to prevent the default behavior of the link by using return false or event.preventDefault();.

The JavaScript alternative is to use scrollTo, though as @mplungjan has pointed out the difference between scroll and scrollTo is no difference.

edited May 23 '17 at 11:46

Community

1
1

answered Aug 20 '16 at 14:08

Script47

14,230
4
45
66

Scroll and scrollTo does the same http://stackoverflow.com/questions/1925671/javascript-window-scroll-vs-window-scrollto – mplungjan Aug 20 '16 at 14:10
@mplungjan thanks for that had no idea, will include that in the post. – Script47 Aug 20 '16 at 14:10
The reason it does not work is he needs to return false or preventDefault – mplungjan Aug 20 '16 at 14:11
@mplungjan updated, thanks. – Script47 Aug 20 '16 at 14:13

Why JS doesn't want to scroll?

1 Answers1