スクロースした先のボタンを押しても場所を固定する方法

Question

曖昧なタイトルで申し訳ありません。
具体的には、
縦長のページがあって下にスクロースすると表があり
ボタンを押すと表の中身がソートされます。

この時にボタンを押すと一番上までいちいち戻ってしまうため
その場でソートできるようにしたいです。

ソートのボタンをは押すとURLにクエリがつきます。

<th>
							<a href="?r1=1" class="is-desc">a 降順</a>
							<a href="?r1=0" class="is-asc">a 昇順</a>
						</th>
						<th>
							<a href="?r2=1" class="is-desc">b 降順</a>
							<a href="?r2=0" class="is-asc">b 昇順</a>
						</th>
						<th>
							<a href="?r3=1" class="is-desc">c 降順</a>
							<a href="?r3=0" class="is-asc">c 昇順</a>
						</th>
						<th>
							<a href="?r4=1" class="is-desc">d 降順</a>
							<a href="?r4=0" class="is-asc">d 昇順</a>
						</th>
						<th>
							<a href="?r5=1" class="is-desc">e 降順</a>
							<a href="?r5=0" class="is-asc">e 昇順</a>
						</th>

Answer 1

URLクエリを与える＝実質ページ移動なので（aタグを使用しているので理解されているかもしれませんが）
ボタンがクリックされた位置を取得して渡し、ページ読み込み後にその位置に戻すか
もしくはJavaScriptでページ移動を伴わないソートを実装すると良いと思います。

Comments

[MeB]

回答ありがとうございます。
ボタンがクリックされた位置を取得して渡し、ページ読み込み後にその位置
こちらのほうが簡単に実装できそうなのですが、
idつけて、リンク先を#(id名)にするみたいなやつでしたっけ・・・
うる覚えでわかりにくくてすみません。

Answer 2

<a href="?w1=1#table" class="is-desc">a 降順</a>
<table id="table">

で、できました。普通に考えればよかったです。
クエリ付いてても行けるのですね

Answer 3

<a href="#r1_1?r1=1" class="is-desc">a 降順</a><a name="#r1_1" />

みたいなんじゃだめですかね？

Comments

[MeB]

うごきませんでした・・・