How can I link to content within a page without using a fragment identifier

Question

Is there a way to go to an element without appending an id to the url, eg. to go to <h2 id="element1">, within a page we'd usually have to load the URL like so:

http://www.example.com/#element1

But is there a different way to do this? because this # is causing conflicts with jQuery cycle 2 I'm using.

I link from another page

Piyush · Answer 1 · 2015-04-23T09:20:29.173

1

You may looking for this

<body onLoad="window.scroll(0, 150)">

or like

$( document ).ready(function() {

 $('#element1').scrollHeight;

});

edited Apr 23 '15 at 09:20

answered Apr 23 '15 at 09:13

Piyush

3,947
9
36
69

I link from another page so I still need to add something to the original URL – user1937021 Apr 23 '15 at 09:26
Then pass the variable and check with if that variable is in link then only scroll to height. – Piyush Apr 23 '15 at 09:30

score 0 · Answer 2 · edited May 23 '17 at 12:28

You could use JavaScript to scroll the browser to the element (as per this answer), but you'd have to identify what you want to scroll to for that to work.

You say that using the fragment identifier conflicts with some other JavaScript code, which means you are more or less stuck using the query string. That however introduces caching problems.

I'd look at fixing your existing JavaScript so that you can use the fragment identifier in the URL for what it was designed for.

How can I link to content within a page without using a fragment identifier

2 Answers2