Remove hyperlink when link is click

Question

Default link: localhost/sample-page/

Target link: localhost/sample-page/#bottom

<a href="#bottom">
  <div class="arrow"></div>
</a>
<div class="container" id="bottom">

This link is in the same page, the scenario is that when a link is clicked it will go to localhost/sample-page/ but it showing localhost/sample-page/#bottom

How do I remove #bottom when the a is clicked?

That's a bookmark link. If you remove the bookmark (ie. the `#bottom` part of the `href`) then clicking the link will do absolutely nothing, which then leads to the question, why do you feel that you need to do this? — Rory McCrossan, Dec 19 '18 at 14:51
@RoryMcCrossan is right, you might be incorrectly using the tags — sbattou, Dec 19 '18 at 14:54
Use JS script to scroll to `#bottom` and get rid of `` then. Your current code it HTML-only approach — Justinas, Dec 19 '18 at 14:54
Possible duplicate of [Keep URL unaffected when anchor link is clicked](https://stackoverflow.com/questions/17012592/keep-url-unaffected-when-anchor-link-is-clicked) — Abhay Maurya, Dec 19 '18 at 14:56

score 0 · Answer 1 · answered Dec 19 '18 at 15:55

0

Add your original link in the href tag. Check this URL https://jsfiddle.net/shoesheill/w7j16mqp/1/

<a href="https://jsfiddle.net/shoesheill/w7j16mqp/1/">
 <div class="arrow">Button</div>
 </a>
 <div class="container" id="bottom">

answered Dec 19 '18 at 15:55

Sushil

1,111
1
10
23

Remove hyperlink when link is click

1 Answers1