0
ハイパーリンクをクリックしてページをリフレッシュするとスクロール位置を維持する方法は?アイテムに数量を追加してページを更新するハイパーリンクを作成しようとしています。しかし、リンクをクリックするたびに、私はページの先頭に戻るでしょう。PHPはスクロール位置を維持します
<a href="selectquantity.php?remove='.$id.'" >[-]</a>
ハイパーリンクをクリックしてページをリフレッシュするとスクロール位置を維持する方法は?アイテムに数量を追加してページを更新するハイパーリンクを作成しようとしています。しかし、リンクをクリックするたびに、私はページの先頭に戻るでしょう。PHPはスクロール位置を維持します
<a href="selectquantity.php?remove='.$id.'" >[-]</a>
ページを更新したい場合は、javascriptまたはjqueryを使用してスクロール位置を復元できます。 JavaScriptが、あなたはRestoring page scroll position with jQuery
コードからガイドに従うことができ
はのように簡単です:jqueryのために
var scroll = $(window).scrollTop();
$("html").scrollTop(scroll);
、あなたはhow to remember scroll position of page
コードからガイドに従うことができます:
// When document is ready...
$(document).ready(function() {
// If cookie is set, scroll to the position saved in the cookie.
if ($.cookie("scroll") !== null) {
$(document).scrollTop($.cookie("scroll"));
}
// When a button is clicked...
$('#submit').on("click", function() {
// Set a cookie that holds the scroll position.
$.cookie("scroll", $(document).scrollTop());
});//end of submit
});//end of document.ready
最高の改善? ajaxを使用し、ページ全体を更新しないでください。他のすべては、複数の解決策がありますが、解決策は貧弱です。 – Tyr
私のプログラミングレベルでは難しいです。私のすべてのデータはデータベースから取り出されるからです。あなたは私の質問の解決策を教えていただけますか? – Darcy
初心者レベルでの理解を深めるための最良の方法は、jQueryを使用することです。それは理解しやすいです、あなたは努力せずにajax呼び出しを使用することができ、あなたは速い結果を持っています。試してみてください:https://jquery.com/ – Tyr