Anchor click and keeping page position?

Question

In my page there are some anchor that has no link, like this:

<a href="#">Anchor</a>

When I click anchor that is bottom of the page, Page is scrolling to top. I want to keep page position, if I clicked the link. How Can I do this. (no js is better for me)

I hope, I could explain.

Thanks in advance.

score 19 · Accepted Answer · answered Nov 23 '12 at 07:45

19

You'll still have to use JS, but you can do it inline:

<a href="javascript:void(0);">Test</a>

Demo: http://jsfiddle.net/7ppZT/

Alternatively, you can capture the event:

$('a[href^="#"]').click(function(e) {
    e.preventDefault();
});

answered Nov 23 '12 at 07:45

Blender

289,723
53
439
496

1

@AliRiza FYI you'll need JQuery for the alternative. – Ben Nov 23 '12 at 07:55
@Steve, Yes there are a lot of link like this. – AliRıza Adıyahşi Nov 23 '12 at 07:56

Ben · Answer 2 · 2012-11-23T07:51:36.767

4

You can put anchors in anywhere in the page where you want it to go.

<a href="#stophere">Anchor</a>

<a id='stophere'>Bottom Of Page</a>

Then, the link will go to the named anchor. Just stick in that element wherever you want to stop.

edited Nov 23 '12 at 07:51

answered Nov 23 '12 at 07:44

Ben

54,723
49
178
224

thats true but you should use the id instead of the name – F. Müller Nov 23 '12 at 07:47
Thanks, But I dont want to go special place. I want it to keep its position. – AliRıza Adıyahşi Nov 23 '12 at 07:49
@F.Müller - ahh, you're right. Thanks, I did not know that. http://stackoverflow.com/questions/484719/html-anchors-with-name-or-id – Ben Nov 23 '12 at 07:51
@AliRızaAdıyahşi - you have to tell the page to go to that position. You can do that using named anchors (or Javascript). Maybe you want to add the `javascript` tag to your question? – Ben Nov 23 '12 at 07:52
@AliRızaAdıyahşi the thought is to give the link an id and then you have the link pointing to itself ... – F. Müller Nov 23 '12 at 07:53
yes you right. But I thougt there may be a way to do it without js. – AliRıza Adıyahşi Nov 23 '12 at 07:54
This IS the way to do it without JS. :) – Ben Nov 23 '12 at 07:55
There are widgets in my pages. And they have buttons as anchor, so I dont want page to move anywhere. If I use your suggestion, page will move. (I know not to top, but to another place). Great thanks for reply. – AliRıza Adıyahşi Nov 23 '12 at 08:00

score 1 · Answer 3 · answered Nov 23 '12 at 07:46

1

to fix this issue , I use this code , it's script solution but works on all browsers

<a href="javascript:void(0)">Anchor</a>

answered Nov 23 '12 at 07:46

Mahmoud Farahat

5,364
4
43
59

score 1 · Answer 4 · answered Nov 23 '12 at 07:47

1

<a href="#noname">Anchor</a>

Make sure that noname you didn't use for id attribute of any tag or name attribute of a tag.

answered Nov 23 '12 at 07:47

Mohammed H

6,880
16
81
127

score 1 · Answer 5 · answered Nov 23 '12 at 07:49

1

you have to set a name and add the name after the # like this

<a name="adsf" href="#adsf">Anchor</a>

answered Nov 23 '12 at 07:49

phschoen

2,021
16
25

Anchor click and keeping page position?

5 Answers5