单页网站网址？id = 1＃anchor

Question

I have a single page site on which I show a few lines of the 2 latest news on the start page. When you click the read more link, the page should scroll to the news section and there you should read the full news. The scroll part/show full news are ok but I have no idea how to put them together. This URL format is not working www.example.com?id=1#news. It either does not scroll or it just jumps to the news section. TX

EDIT: In the end I am using the data-elemid to pass the newsId variable to an ajax call. Everything works as it should now.

Answer 1

Try something like this:

$(function(){
    var hash = window.location.hash;
    if(hash != "") scrollTo(hash);
});

This will check if the current URL has a hash, if it does, then call the scrollTo() method (you should replace this with your own scroll method).